微信小程序实际源代码分析:列表项左滑删除效果

最近工作上忙着一些无聊的事情，在没逛几天论坛。看到论坛里有童鞋，说左边的纸条删了。今天有空的时候加了一个几乎没完成的小演示，贴出来希望对一些童鞋有帮助。实施思路：1。每个列表项由两层组成，文本层和按钮层；2.计算手指触摸滑动时的移动距离，文字层随手指移动；3.当手指移动距离大于按钮宽度的一半时，按钮就会显示出来；否则，将不会显示；4.慢速动画由css3属性过渡控制；transition:左0.2s轻松进出； 代码：代码比较简单。详细实现请参见注释，然后直接粘贴代码。index.wxml