vi-slider-menu
v0.0.3
Published
微信小程序滑动菜单组件
Downloads
2
Maintainers
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