【微信小程序】高仿微信的左滑删除效果

前言

在小程序中，实现类似微信左滑删除的效果，有些人可能会想到在view里用到touchstart，touchmove，touchend结合实现的。但这个有缺点，特别是在ios真机上，左滑时页面会上下滑动，用户体验emmm...或许需要增加disableScroll:true，但这个页面会被禁止滚动，或许里面再嵌scroll-view就可以实现的。但我要说的不是这个方案，小程序出了更佳的一个组件，就是movable-view，很好用，提供动画的过渡，提供滑动触发的x轴，可以用这个x轴作为判断的，比较方便～

图片发自App

xml

• Tip:movable,movaview必须设置宽和高的值，否则默认值（10px)
• Tip: movable必须要比movaview大点的，只是要容下内容和删除的容器的宽度

js

wxss