定义滑动组件的问题
- 当前 Bug 的表现(可附上截图)
我自定义了一个滑动message组件,向左滑动后可以弹出“标记为已读”和“删除”按钮,但是在页面中使用的时候,对其他message滑动,结果都是最后一个message出现按钮!不知道是咋回事。
问题已经得到解决了,是因为我使用了catchtap造成的。
2 回复
//记录开始的位置 _TouchStart: function (e){ console.log( "component:item-message.js----------------------------------------------->_TouchStart" ); console.log(e) that.setData({ TouchStart: e.touches[0].pageX}) }, //touchmove _TouchMove: function (e){ that.setData({ TouchDirection: that.data.TouchStart - e.touches[0].pageX > 0 ? "left" : "right" }); }, //touchend _TouchEnd: function (e){ console.log( "component:item-message.js----------------------------------------------->_TouchEnd" ); console.log(e) if (that.data.TouchDirection== "left" ){ that.setData({Move: "move-cur" , TouchStart: 0}) } else { that.setData({ Move: "" , TouchStart: 0}) } } |
这是代码片段,逻辑很简单,就是判断用户是否向左滑动,如果是,就在message里面添加一个move-cur的css类,让message向左偏移320rpx.