vi-slider-menu

微信小程序滑动菜单组件

Usage no npm install needed!

<script type="module">
  import viSliderMenu from 'https://cdn.skypack.dev/vi-slider-menu';
</script>

README

vi-slider-menu

使用

npm i vi-slider-menu

使用微信开发者工具构建NPM并使用NPM模块

在页面的js文件中引入

{
  "usingComponents": {
    "vi-slider-menu": "vi-slider-menu"
  }
}

Config Props

Props Data Type description 选项 default Value
animationDuration Number 运动时间 选填 0.5
animationTimingFn String 运动动画，贝斯曲线 选填 ease-in
menuWidth Number 菜单选项的宽度，单位rpx 必填 0
triggerSliderNum Number slider触发值 选填 30
sliderNum Number 滑动的距离 选填 0
line String slider-wrap 盒子的上、下边框 选填, 可选值有：topLine、bottomLine和line ''

Event Handle

Event Name 方法说明 返回值
touchStart 移动端用户点击事件 无
touchMove 移动端用户手指移动事件 无
touchEnd 移动端用户手指离开事件 无

版本信息

  • v0.0.1 初始版本
  • v0.0.2 新增touchMove、touchStart、touchEnd时间与接口line