1.0.1 • Published 2 years ago
slidelistener-miniprogram v1.0.1
微信小程序 滑动监听 slideListener
可配置的项
verDeg
垂直容差角度值horiDeg
水平容差角度值vertDif
垂直判断阈值horiDif
水平判断阈值timeLim
手指停留时间阈值(ms)
方法
slideUp
向上滑动slideDown
向下滑动slideLeft
向左滑动slideRight
向右滑动
应用场景
在一般的答题页面中,左右滑动触发方法页面发生变化
使用
页面的 index.json
引入
"usingComponents": {
"slidelistener-miniprogram": "slidelistener-miniprogram"
}
index.wxml
页面使用
<slidelistener-miniprogram bind:slideLeft="onSlide" bind:slideRight="onSlide" bind:slideUp="onSlide" bind:slideDown="onSlide">
<!-- <div> 你的页面结构 </div> -->
</slidelistener-miniprogram>
index.js
页面方法
onSlide(e) {
const { type } = e.detail;
switch (type) {
case "slideUp":
console.log('slideUp'); // 执行对应的方法
break;
case "slideDown":
console.log('slideDown'); // 执行对应的方法
break;
case "slideLeft":
console.log('slideLeft'); // 执行对应的方法
break;
case "slideRight":
console.log('slideRight'); // 执行对应的方法
break;
}
}