微信小程序——左右滑动切换页面

微信小程序的左右滑动触屏事件，主要有三个事件：touchstart，touchmove，touchend。

这三个事件最重要的属性是pageX和pageY，表示X，Y坐标。

touchstart在触摸开始时触发事件

touchend在触摸结束时触发事件

touchmove触摸的过程中不断激发这个事件

这三个事件都有一个timeStamp的属性，查看timeStamp属性，可以看到顺序是touchstart =>touchmove=>touchmove =>··· =>touchmove =>touchend。

在设计小程序页面的时候，想要设置滚动页面左右滚动，写了scroll-view的scroll-x，但是还是不能左右滚动。测试很多style样式，最后发现设置了min-width就可以实现滚动。

class样式：

效果如下：

---