0.0.3 • Published 6 years ago
vi-slider-menu v0.0.3
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