|
|
@@ -40,6 +40,8 @@ Component({
|
|
|
dateList: [], //日历主体渲染数组
|
|
|
selectDay: {}, //选中时间
|
|
|
// open: false,
|
|
|
+ slipFlag: false, // 滑动事件开关
|
|
|
+ startPoint: undefined, // 滑动坐标数据
|
|
|
},
|
|
|
|
|
|
/**
|
|
|
@@ -261,7 +263,40 @@ Component({
|
|
|
})
|
|
|
this.triggerEvent("change", this.data.selectDay)
|
|
|
}
|
|
|
- }
|
|
|
+ },
|
|
|
+ // 滑动事件监听开始事件
|
|
|
+ myTouchStart(e){
|
|
|
+ // ---------------------记录滑动事件信息---------------------
|
|
|
+ //开启滑动事件
|
|
|
+ const slipFlag = true
|
|
|
+ //记录触摸点的坐标信息
|
|
|
+ const startPoint = e.touches[0]
|
|
|
+ //---------------------记录滑动事件信息end---------------------
|
|
|
+ this.setData({
|
|
|
+ slipFlag: slipFlag,
|
|
|
+ startPoint: startPoint
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 滑动事件监听结束事件
|
|
|
+ myTouchMove(e) {
|
|
|
+ const startPoint = this.data.startPoint
|
|
|
+ const slipFlag = this.data.slipFlag
|
|
|
+ // ----------------监听手势左右滑事件----------------
|
|
|
+ if (((startPoint.clientX - e.touches[e.touches.length - 1].clientX) > 80) && slipFlag) {
|
|
|
+ this.nextMonth()
|
|
|
+ this.setData({
|
|
|
+ slipFlag: false
|
|
|
+ })
|
|
|
+ return
|
|
|
+ } else if (((startPoint.clientX - e.touches[e.touches.length - 1].clientX) < -80) && slipFlag) {
|
|
|
+ this.lastMonth()
|
|
|
+ this.setData({
|
|
|
+ slipFlag: false
|
|
|
+ })
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // ----------------监听手势左右滑事件end----------------
|
|
|
+ },
|
|
|
},
|
|
|
lifetimes: {
|
|
|
attached() {
|