Skip to content

SwipeAction 滑动单元格 ​

uvx-swipe-action 与 uvx-swipe-action-item 配合提供滑动操作容器,支持自动关闭其他项。

平台兼容性 ​

AndroidiOS鸿蒙H5微信
3.9+4.11+4.61+4.0+4.41+

基础用法 ​

vue
<uvx-swipe-action>
   <uvx-swipe-action-item>
      <uvx-cell title="向左滑动"></uvx-cell>
   </uvx-swipe-action-item>
</uvx-swipe-action>

API ​

Props ​

属性说明类型默认值
auto-close打开一项时是否关闭其他项booleantrue

options 中每一项至少可设置 text,也可设置 icon、iconSize 和 style(样式对象)。按钮点击事件返回被点击的配置项、索引和当前项 name。

SwipeActionItem Props ​

属性说明类型默认值
show是否显示操作区域booleanfalse
name子项标识string | number""
disabled是否禁用滑动booleanfalse
auto-close打开时是否关闭同组其他项booleantrue
threshold滑动触发阈值number20
options右侧操作按钮配置(含 text、icon、iconSize、style)object[][]
duration动画时长(ms)string | number300

SwipeActionItem Events ​

事件说明参数
click点击右侧操作按钮{ item, index, name }
open / close子项打开或关闭{ name }

参考 ​

uvx-ui · uni-app x 组件库