微信小程序左滑出现删除和编辑源码

Page({ data: { id: 2, //进入页面时，默认选择第3个，如果不需要默认选中，去掉此语句即可；id从0开始 items: [ { name: '1', btvalue: '默认账单', zdvalue: '8' },//用户昵称用作默认账单名 { name: '2', btvalue: '合租记账', zdvalue: '0' }, { name: '3', btvalue: '合租记账', zdvalue: '0' }, { name: '4', btvalue: '合租记账', zdvalue: '0' }, ], startX: 0, //开始坐标 startY: 0, }, onLoad: function (e) { }, //手指触摸动作开始 记录起点X坐标 touchstart: function (e) { //开始触摸时 重置所有删除 this.data.items.forEach(function (v, i) { if (v.isTouchMove)//只操作为true的 v.isTouchMove = false; }) this.setData({ startX: e.changedTouches[0].clientX, startY: e.changedTouches[0].clientY, items: this.data.items }) }, //滑动事件处理 touchmove: function (e) { var that = this, index = e.currentTarget.dataset.index,//当前索引 startX = that.data.startX,//开始X坐标 startY = that.data.startY,//开始Y坐标 touchMoveX = e.changedTouches[0].clientX,//滑动变化坐标 touchMoveY = e.changedTouches[0].clientY,//滑动变化坐标 //获取滑动角度 angle = that.angle({ X: startX, Y: startY }, { X: touchMoveX, Y: touchMoveY }); that.data.items.forEach(function (v, i) { v.isTouchMove = false //滑动超过30度角 return if (Math.abs(angle) > 30) return; if (i == index) { if (touchMoveX > startX) //右滑 v.isTouchMove = false else //左滑 v.isTouchMove = true } }) //更新数据 that.setData({ items: that.data.items }) }, /** * 计算滑动角度 * @param {Object} start 起点坐标 * @param {Object} end 终点坐标 */ angle: function (start, end) { var _X = end.X - start.X, _Y = end.Y - start.Y //返回角度 /Math.atan()返回数字的反正切值 return 360 * Math.atan(_Y / _X) / (2 * Math.PI); }, //点击事件 radioChange: function (e) { var ids = e.currentTarget.dataset.index; //获取自定义的id this.setData({ id: ids //把获取的自定义id赋给当前组件的id(即获取当前组件) }) }, //删除事件 del: function (e) { this.data.items.splice(e.currentTarget.dataset.index, 1) this.setData({ items: this.data.items }) } })