微信小程序---列表页左滑删除(同时适用于安卓和ios)

上传者: 38032300 | 上传时间: 2021-05-11 20:40:54 | 文件大小: 26KB | 文件类型: ZIP
微信小程序列表页的左滑动删除 1,首先页面每个item分为上下两层,上面一层放置正常内容,下面一层放置左滑显示出的按钮,这个可以使用z-index来实现分层。 2,item上层使用绝对定位,我们操纵 left 属性的值来实现像左移动。 3,我们通过微信小程序api提供的touch对象和3个有关手指触摸的函数(touchstart,touchmove,touchend)来实现item随手指移动。

文件下载

资源详情

[{"title":"( 17 个子文件 26KB ) 微信小程序---列表页左滑删除(同时适用于安卓和ios)","children":[{"title":"wxapp-leftSwiperDel-master","children":[{"title":"pages","children":[{"title":"leftSwiperDel","children":[{"title":"index.wxss <span style='color:#111;'> 940B </span>","children":null,"spread":false},{"title":"index.json <span style='color:#111;'> 209B </span>","children":null,"spread":false},{"title":"index.wxml <span style='color:#111;'> 477B </span>","children":null,"spread":false},{"title":"index.js <span style='color:#111;'> 4.92KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".gitattributes <span style='color:#111;'> 378B </span>","children":null,"spread":false},{"title":"images","children":[{"title":"icon5.png <span style='color:#111;'> 3.15KB </span>","children":null,"spread":false},{"title":"icon4.png <span style='color:#111;'> 2.03KB </span>","children":null,"spread":false},{"title":"icon0.png <span style='color:#111;'> 2.70KB </span>","children":null,"spread":false},{"title":"icon3.png <span style='color:#111;'> 2.33KB </span>","children":null,"spread":false},{"title":"icon1.png <span style='color:#111;'> 3.02KB </span>","children":null,"spread":false},{"title":"icon2.png <span style='color:#111;'> 3.08KB </span>","children":null,"spread":false},{"title":"icon6.png <span style='color:#111;'> 3.02KB </span>","children":null,"spread":false}],"spread":true},{"title":"app.js <span style='color:#111;'> 19B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 164B </span>","children":null,"spread":false},{"title":"app.json <span style='color:#111;'> 264B </span>","children":null,"spread":false},{"title":"app.wxss <span style='color:#111;'> 143B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 574B </span>","children":null,"spread":false}],"spread":true}],"spread":true}]

评论信息

  • Coffee0856 :
    iPhone手机上有bug 向左滚动会出现所有的item的删除按钮,建议修复一下
    2020-07-08
  • xuanmuowen :
    很不错,有用
    2019-07-18

免责申明

【只为小站】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【只为小站】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【只为小站】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,zhiweidada#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明