h5 左右滑动切换tab栏
1 on: {
2 touchstart(e){
3 ();
4 var touch = [0];
5 startX = ;
6 startT = new Date().getTime(); //记录手指按下的开始时间
7 // isMove = false; //是否产生滑动
8 },
9 touchmove(e){
10 // ('touchmove', e);
11 ();
12 var touch = [0];
13 var deltaX = - startX;
14 },
15 touchend(e){
16 // (e)
17 var touch = [0]
18 var endX =
19
20 var index = ()
21
22
23 var deltaT = new Date().getTime() - startT;
24
25 var deltaX = - startX;
26 if (deltaT < 300){
27 if (deltaX > 0){
28 ('index', index);
29
30 if (index === 0) {
31 index =
32 }
33 me.$emit("input", [--index])
34 } else if (deltaX < 0) {
35
36 if (index === - 1) {
37 index = -1
38 }
39 me.$emit("input", [++index])
40 ('index', index);
41
42 }
43 } else {
44
45 if (deltaX > bodyWidth * 0.5){
46 ('index', index);
47
48 if (index === 0) {
49 index =
50 }
51 me.$emit("input", [--index])
52 } else if (deltaX < -bodyWidth * 0.5) {
53
54 if (index === - 1) {
55 index = -1
56 }
57 me.$emit("input", [++index])
58 ('index', index);
59
60 }
61 }
62
63
64 me._getActiveNav()
65 }
66 }