当前位置: 首页 > Web前端 > HTML

H5仿手Q左滑删除功能组件

时间:2023-04-03 00:44:35 HTML

背景前不久遇到一个需求,h5列表页实现了左滑删除功能。首先对下面滑块的参考符号进行统一规定。在体验了手Q原生的滑动功能后,对于滑块的具体动态效果提出了几个疑问。(希望大家多多观察体验,网上很多现成的代码,效果不一样。)控制单个li的滑动,或者控制li中内容块的滑动。是否允许多个内容块同时展开。收起观察原生滑动功能后,按如下方式回答以上问题控制li中内容块的滑动,并设置层级关系,使初始状态按钮在内容块下方是否实现dom和css/*html结构*/

    第11金!马龙4-0张继科乒乓球男单冠军成就大满贯
删除
/*style此处省略部分样式*/获取列表js如下图,有空再细说=-=还是去源码吧。最终效果:组件源码https://github.com/yvonnevv/S...后记:同事反馈滑动开始或结束时没有暴露自定义事件的接口。.嗯,迭代(°ˊдˋ°)°°