SwipeAction 滑动操作

列表的功能扩展

何时使用

通过滑动操作来展示隐藏的功能菜单

代码示例

基本使用

组件实例方法

属性

属性类型必填默认值说明
autoClosebooleanfalse点击按钮是是否会自动收起
disabledbooleanfalse是否禁止操作
left{ text: string, type: 'default' | 'primary' | 'danger'; className: string } []-右滑漏出左侧操作区
right{ text: string, type: 'default' | 'primary' | 'danger'; className: string }[]-左滑漏出右侧操作区
classNamestring-类名

事件

事件名说明类型补充
onLeftButtonTap点击左侧按钮,触发回调(index: number, text: string, type: string, extraInfo?: unknown, dateSet: Record<string, any>) => void从左往右起,第 n 个按钮
onRightButtonTap点击右侧按钮,触发回调(index: number, text: string, type: string, extraInfo?: unknown, dateSet: Record<string, any>) => void从左往右起,第 n 个按钮

样式类

类名说明
amd-swipe-action整体样式
amd-swipe-action-closeSwipe整体样式
amd-swipe-action-wrap整体内容样式
amd-swipe-action-left右侧按钮区域样式
amd-swipe-action-right按钮区域样式
amd-swipe-action-btn按钮样式
amd-swipe-action-btn-text按钮文字样式
amd-swipe-action-content表层区域样式
amd-swipe-action-item表层区域内容样式