前言
最近因为小程序端业务需求,需要完成用户收货人信息展示、编辑以及左滑删除功能。展示编辑的功能都是比较基础的部分,比较好实现。但是左滑删除的话目前来说还是有点麻烦的,我看了网上其他人的一些分享,感觉做起来还是有点复杂,然后无意中看到小程序文档WeUI里面有一个
Slideview
组件,已经实现了这个功能,于是那就过来用了,其中也遇到了一个小坑,再次记录分享一下。
准备工作
- 引入组件,这个直接按照文档操作即可。
- 编写初始页面代码和相关逻辑部分
代码展示
slideview-demo 点击即可查看。
效果展示
填坑总结
这里需要注意一点的是,如果你和我一样也需要在列表上层展示其他的元素,例如添加按钮,则需要将这个元素的z-index
设置大于10,因为我查看了一下slideview
组件的样式发现它设置的是z-index:10
,如果你不设置自己的元素的z-index
大于10,那么就会被覆盖掉,导致元素无法被看到。