效果图
滑动效果+删除
思路
- 每个列表项绑定
touchstart
和touchmove
事件,监听滑动手势,确定滑动角度,判断滑动是否有效 - 列表数据源每一项包含标志值
isTouchMove
,用来确定此项是否滑动成功 - 列表项有两个类,根据
isTouchMove
的值来确定渲染那个类 - 删除时直接操作数据源
关键代码段
touchmove: function (e) {
let index = e.currentTarget.dataset.index,//当前索引
startX = this.data.startX,//开始X坐标
star