右滑出现删除按钮进行

要做一个右滑删除的功能,下面页面可以添加设备,也可以删除,删除就是像微信消息可以右滑删除那样,代码是设备列表循环数据,有什么方法呢

img

img

img

把按钮放在右边,加个 overflow-y:auto,滚动条隐藏掉就行了
监听滚动条,直接滑倒末尾就完事了

https://www.cnblogs.com/adobe-lin/p/9552973.html
https://developers.weixin.qq.com/community/develop/article/doc/000000ea61c59855292d682155b413
https://blog.csdn.net/weixin_46371234/article/details/124683593

可以自己封装一个 组件

这个比较复杂 你要自己写的话 需要样式和vue的配合编写 看看网上有没有大神写好的 可以借鉴一下
我个人思路 是 滑动区域和内容是层级关系 监听绑定滑动层的 按下事件@mousedown 在事件里this 自身获取坐标信息,样式改变等, 添加鼠标的移动事件 和 松开鼠标 事件的方法 分别在事件里 进行样式改变操作等