微信小程序左滑删除解决方案

前言

最近因为小程序端业务需求，需要完成用户收货人信息展示、编辑以及左滑删除功能。展示编辑的功能都是比较基础的部分，比较好实现。但是左滑删除的话目前来说还是有点麻烦的，我看了网上其他人的一些分享，感觉做起来还是有点复杂，然后无意中看到小程序文档WeUI里面有一个Slideview 组件，已经实现了这个功能，于是那就过来用了，其中也遇到了一个小坑，再次记录分享一下。

准备工作

• 引入组件，这个直接按照文档操作即可。
• 编写初始页面代码和相关逻辑部分

代码展示

slideview-demo 点击即可查看。

效果展示

image

填坑总结

这里需要注意一点的是，如果你和我一样也需要在列表上层展示其他的元素，例如添加按钮，则需要将这个元素的z-index设置大于10，因为我查看了一下slideview组件的样式发现它设置的是z-index:10，如果你不设置自己的元素的z-index大于10，那么就会被覆盖掉，导致元素无法被看到。