微信小程序 滑动监听 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;
     }
 }