微信小程序实战源码解析:列表项左滑删除效果

最近忙于工作上的一些无聊的东西,有几天没逛论坛了(此图片来源于网络,如有侵权,请联系删除! ),之前看论坛里有童鞋说道左滑删除的问题,今天趁有空把差点烂尾的小demo补充了下,就贴出来希望能帮助某些童鞋。 实现思路: 1、每一个列表项由两个层组成,文本层与按钮层; 2、触摸滑动时计算手指移动距离,文本层跟随手指移动; 3、手指移动距离大于按钮宽度一半时,显示按钮,反之,不显示; 4、缓动动画用css3属性transition控制;transition: left 0.2s ease-in-out; (此图片来源于网络,如有侵权,请联系删除! ) (此图片来源于网络,如有侵权,请联系删除! )