微信小程序左滑删除功能开发案例详解
作者：Jnst 发布时间：2024-04-28 09:37:21
标签：微信小程序,左滑,删除
直接进入正题，我们需要做的就是通过手指滑动列表项后，右侧出现删除；
比如说像这样：
向左边滑动后出现如下的效果：
开始撸代码～
假设我们有N个列表项来自一个数组list，先确定基本的结构
<view class="list" wx:for="{{list}}" wx:key>
<view class="item">
<view class="wrap">{{item}}</view>
<view class="delete"><text>删除</text></view>
</view>
</view>
在item中分别放入wrap作为显示项目内容的容器，与delete删除按钮的容器。
当我们手指向左滑动wrap时，wrap容器向左移动；此时delete从wrap容器之后显示出来；换句话说我们喜欢wrap容器盖住delete，使wrap默认在delete上方。
没错，我们用样式来实现效果。
.item{ position:relative; }
.wrap{
position:absolute;z-index:2; top:0;left:0;
backgorund:#fff;width:100％;height:100％;
}
.delete{ position:absolute;z-index:1; top:0;right:0;width:120rpx;height:100％;}
来源：https://segmentfault.com/a/1190000016977022
0
投稿猜你喜欢
一、窗口函数的基本用法从MySQL8之后才开始支持窗口函数<窗口函数> OVER ([PARTITION BY <用于分组- 开源监控系统 Prometheus 集成了跟踪多种类型的时间序列数据，但如果没有集成你想要的数据，那么很容易构建一个。一个经常使用的例子使用
- centos6自带python2.6版本，根据需要，安装python2.7、easy_install-2.7、pip2.7依赖yum gro
- 安装tf2onnx以及onnxruntimepip install onnxruntimepip install tf2onnxtf 转为o
- 在利用QT编写GUI程序时经常需要一些交互操作，常见的有鼠标事件、键盘事件等。今天我们要实现的是在label中已经显示的图像中绘制矩形框，以
- 新安装的MySQL5.7，登录时提示密码错误，安装的时候并没有更改密码，后来通过免密码登录的方式更改密码，输入update mysql.us
- 现在不写asp了这次我将我以前沉淀下的一些函数库共享给大家,希望能给初学者启示,给老手也有所帮助吧.先谢谢大家支持! <％@
- 本文实例讲述了php字符串过滤strip_tags()函数用法。分享给大家供大家参考，具体如下：strip_tags — 从字符串中去除 H
- 车牌识别在高速公路中有着广泛的应用，比如我们常见的电子收费（ETC）系统和交通违章车辆的检测，除此之外像小区或地下车库门禁也会用到，基本上凡
- np.nonzero函数是numpy中用于得到数组array中非零元素的位置（数组索引）的函数。一般来说，通过help（np.nonzero
- 这个问题是py2和py3兼容性的问题在py2中，判断key是否属于dict的写法可以是：d={'name':'abc
- 一、list 合并第一种方法：a =[91,95,97,99]b =[92,93,96,98]c = a+b # 合并c.sor
- 现在做的一个小项目需要用到python的相关知识，但是因为太久没用一些东西都忘掉了，因此在本篇博客中记录一下python的函数和类的基础知识
- 前言不知各位朋友现在在 web 端进行登录的时候有没有注意一个变化，以前登录的时候是直接账号密码通过就可以直接登录，再后来图形验证码，数字结
- （1）在校大学生。最好是数学或计算机相关专业，编程能力还可以的话，稍微看一下爬虫知识，主要涉及一门语言的爬虫库、html解析、内容存储等，复
- 前几天又有人在我的这篇文章 python项目练习一：即时标记 下留言，关于其中一个闭包和re.sub的使用不太清楚。我在自己的博客上搜索了下
- 本文实例为大家分享了用python实现五子棋的具体代码，供大家参考，具体内容如下# 制作一个棋盘"""++++
- 学习到的内容：1.一个64位的int类型值，充分利用高32位和低32位，进行相关加减以及从一个64位中拆出高32位和低32位.扩展：如何自己
- 由于考勤机与OA对接，OA会在每天定时取考勤机数据，但是需要考勤机是连接状态，所以搜索了下相关教程，写了个脚本自动连接。完全是个Python
- 打开editor/filemanager/connectors/php目录下commands.php，找到FileUpload函数，在$sE
