您的位置：首页技术文章
文章详情页

javascript - 微信小程序 如何实现这种左滑动出现删除的办法？有相关api吗？

浏览：57日期：2022-06-23 14:07:14

问题描述

最近在做商城页面，在购物车有一个功能是实现手指头向左边滑动出现删除的按钮，请问要如何实现。这个功能是参考京东的购物车~javascript - 微信小程序 如何实现这种左滑动出现删除的办法？有相关api吗？

问题解答

回答1：

开箱即用的api 是没有的，不过可以通过事件实现链接描述

案例参考地址

回答2：

把宽度弄长一点然后设overflow:hidden，然后加上手势时间左滑的时候减left显示出来的就是把隐藏起来的删除按钮滑出来了

至少我自己在别的项目中是这么写的

标签： 微信
上一条：javascript - 微信开发遇到的问题下一条：javascript - video标签，在微信中无法播放？？
相关文章：
1. angular.js - angularjs的自定义过滤器如何给文字加颜色？2. debian - docker依赖的aufs-tools源码哪里可以找到啊？3. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题4. 前端 - angular报错?5. windows docker-machine port6. docker镜像push报错7. docker内创建jenkins访问另一个容器下的服务器问题8. angular.js - angular内容过长展开收起效果9. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败！10. docker api 开发的端口怎么获取？
排行榜
前端 - angular报错?
前端 - angular报错?
1. windows docker-machine port
2. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
3. docker内创建jenkins访问另一个容器下的服务器问题
4. angular.js - angular内容过长展开收起效果
5. docker镜像push报错
6. debian - docker依赖的aufs-tools源码哪里可以找到啊？
7. angular.js - angularjs的自定义过滤器如何给文字加颜色？
8. dockerfile - [docker build image失败- npm install]
9. nignx - docker内nginx 80端口被占用
10. 在windows下安装docker Toolbox 启动Docker Quickstart Terminal 失败！
热门标签