uniapp 滑动删除功能实现（右侧滑动展示菜单功能）

桃扇骨 2021-07-25 22:19 2088阅读 0赞

列表滑动删除功能

在这里插入图片描述
这种滑动删除功能最早我是从QQ上看到的。
这种效果在Uniapp插件市场中是已经有现成的。

滑动删除插件链接：https://ext.dcloud.net.cn/plugin?id=208

在这里插入图片描述
在这里插入图片描述

wkiwi-swipe-action组件的使用

引用wkiwi-swipe-action组件

  1. import wkiwiSwipeAction from "@/components/wkiwi-swipe-action"

注册wkiwi-swipe-action组件

  1. components: { wkiwiSwipeAction},

wkiwi-swipe-action组件的使用

  1. <wkiwi-swipe-action :options="[
  2.     { 
  3.             text: '置顶',
  4.             style: { 
  5.                     backgroundColor: '#C7C6CD'
  6.             }
  7.     }, { 
  8.             text: '删除',
  9.             style: { 
  10.                     backgroundColor: '#dd524d'
  11.             }
  12.     }
  13. ]">
  14.     :messagesList="messages"
  15. </wkiwi-swipe-action>
  16. messages消息列表就是消息的数组。

发表评论

表情：
评论列表 （有 0 条评论，2088人围观）

还没有评论，来说两句吧...

相关阅读