import { Swipeout, SwipeoutItem, SwipeoutButton } from 'vux'
swipeout-item
swipeout-item
属性
| 名字 | 类型 | 默认值 | 说明 | 版本要求 |
| sensitivity | number | 0 | 滑动多少距离后开始触发菜单显示 | -- |
| auto-close-on-button-click | boolean | true | 点击按钮后是否收回菜单 | -- |
| disabled | boolean | false | 是否不可滑动 | -- |
| threshold | number | 0.3 | 滑动多少距离后自动打开菜单，否则收回。可以为小于1的比例或者宽度值 | -- |
| transition-mode | string | reveal | 菜单打开方式，reveal表示菜单不动内容滑出，follow表示菜单随内容滑出 | -- |
事件
| 名字 | 参数 | 说明 | 版本要求 |
| @on-open | -- | 菜单完全打开时触发 | -- |
| @on-close | -- | 菜单完全关闭时触发 | -- |
插槽
| 名字 | 说明 | 版本要求 |
| left-menu | 左菜单 | -- |
| right-menu | 右菜单 | -- |
方法
| 名字 | 参数 | 说明 | 版本要求 |
| open | (direction) | 打开菜单，参数为方向 | |
| close | 关闭菜单 |
swipeout-button
Variables
swipeout-button
属性
| 名字 | 类型 | 默认值 | 说明 | 版本要求 |
| text | string | 按钮文字，同slot=default | -- | |
| background-color | string | 背景颜色 | -- | |
| type | string | 内置的颜色类型，可选primary, warn | -- | |
| width | string | 80 | 按钮宽度 | -- |
样式变量
| 名字 | 默认值 | 说明 | 继承自变量 |
| @swipeout-button-primary-bg-color | #1AAD19 | -- | @button-primary-bg-color |
| @swipeout-button-warn-bg-color | #E64340 | -- | @button-warn-bg-color |
| @swipeout-button-default-bg-color | #c8c7cd | -- | |
| @swipeout-content-bg-color | #FFF | -- | |
| @swipeout-button-font-color | #FFF | -- |
Changelog
发布日志
- v2.5.5 [enhance] swipeout-item 新增 render 方法 #1688
- v2.1.1-rc.9 [fix] 修复向右快速滑动时左侧菜单可能会被滑出
- v2.1.1-rc.7 [fix] 修复 Android 下按钮点击事件不触发问题 #1044 @tangtaoit
- v2.1.0-rc.50 [feature] `swipeout`组件`beta`版本
- v2.1.1-rc.14 [fix] 修复来回滑动时左侧菜单可能会被滑出 #1139
- v2.2.0 [fix] 修复disabled时不能上下滚动问题
- v2.2.0 [fix] 修复disabled时，安卓手机上不能触发点击事件的问题