|
@@ -1,6 +1,5 @@
|
1
|
1
|
<template>
|
2
|
|
- <div class="context" :style="{backgroundImage: 'url(' + (coverImgUrl ?BgImage:BgImg) + ')'}" @touchstart='touchStart'
|
3
|
|
- @touchmove='touchMove'>
|
|
2
|
+ <div class="context" :style="{backgroundImage: 'url(' + (coverImgUrl ?BgImage:BgImg) + ')'}">
|
4
|
3
|
<img class="BannerImage" :src="activity.Banner">
|
5
|
4
|
<div :class="IsOk?onscroll1:onscroll2">
|
6
|
5
|
<div :class="isOK?searchs:searchb">
|
|
@@ -80,10 +79,6 @@ export default {
|
80
|
79
|
name: "lotterylist",
|
81
|
80
|
data() {
|
82
|
81
|
return {
|
83
|
|
- startY:0,//开始触摸的位置
|
84
|
|
- moveY:0,//滑动时的位置
|
85
|
|
- endX:0,//结束触摸的位置
|
86
|
|
- disY:0,//移动距离
|
87
|
82
|
first: false,
|
88
|
83
|
second: false,
|
89
|
84
|
active: true,
|
|
@@ -128,11 +123,6 @@ export default {
|
128
|
123
|
},
|
129
|
124
|
mounted() {
|
130
|
125
|
window.addEventListener("scroll", this.handleScroll, true);
|
131
|
|
-
|
132
|
|
- // var mybody = document.getElementsByTagName('body')[0]
|
133
|
|
- // mybody.addEventListener("touchstart", this.touchstart);
|
134
|
|
- // mybody.addEventListener("touchmove", this.touchmove);
|
135
|
|
- // 监听(绑定)滚轮 滚动事件
|
136
|
126
|
},
|
137
|
127
|
computed: {
|
138
|
128
|
...mapactivityState({
|
|
@@ -186,31 +176,6 @@ export default {
|
186
|
176
|
}
|
187
|
177
|
},
|
188
|
178
|
|
189
|
|
- touchstart(e) {
|
190
|
|
- e.preventDefault();
|
191
|
|
- var startX = e.touches[0].pageX;
|
192
|
|
- var startY = e.touches[0].pageY;
|
193
|
|
- },
|
194
|
|
- touchmove(e) {
|
195
|
|
- // var startX, startY, moveEndX, moveEndY, X, Y
|
196
|
|
- e.preventDefault();
|
197
|
|
- var moveEndX = e.changedTouches[0].pageX;
|
198
|
|
- var moveEndY = e.changedTouches[0].pageY;
|
199
|
|
- var X = moveEndX - startX;
|
200
|
|
- var Y = moveEndY - startY;
|
201
|
|
- if (X > 0) {
|
202
|
|
- alert("‘向右’");
|
203
|
|
- } else if (X < 0) {
|
204
|
|
- alert("‘向左’");
|
205
|
|
- } else if (Y > 0) {
|
206
|
|
- alert("‘向下’");
|
207
|
|
- } else if (Y < 0) {
|
208
|
|
- alert("‘向上’");
|
209
|
|
- } else {
|
210
|
|
- alert("‘没滑动’");
|
211
|
|
- }
|
212
|
|
- },
|
213
|
|
-
|
214
|
179
|
onLoad() {
|
215
|
180
|
// 异步更新数据
|
216
|
181
|
setTimeout(() => {
|