小程序分页页面滑动翻页

分页页面滑动翻页

 <view onTouchStart="onTouchStart" onTouchEnd="onTouchEnd"><view>
/**
   * 滑动开始
   * @param {*} e 
   */
  onTouchStart(e) {
    this.setData({
      changeStartX: e.changedTouches[0].clientX
    })
  },
  /**
   * 滑动结束
   * @param {*} e 
   */
  onTouchEnd(e) {
    const changeEndX = e.changedTouches[0].clientX
    const { changeStartX, navTabIndex } = this.data
    const _this = this.data
    if (changeEndX - changeStartX >= 80) {
      console.log("左边")
    } else if (changeEndX - changeStartX <= -80) {
      console.log("右边")
    }
  },
posted @ 2022-04-12 09:57  DQ1999  阅读(217)  评论(0)    收藏  举报