Swipeout
Install

安装

import { Swipeout, SwipeoutItem, SwipeoutButton } from 'vux'

swipeout

swipeout

插槽

名字说明版本要求
默认插槽子组件插槽--
swipeout-item

swipeout-item

属性

名字类型默认值说明版本要求
sensitivitynumber0滑动多少距离后开始触发菜单显示--
auto-close-on-button-clickbooleantrue点击按钮后是否收回菜单--
disabledbooleanfalse是否不可滑动--
thresholdnumber0.3滑动多少距离后自动打开菜单,否则收回。可以为小于1的比例或者宽度值--
transition-modestringreveal菜单打开方式,reveal表示菜单不动内容滑出,follow表示菜单随内容滑出--

事件

名字参数说明版本要求
@on-open--菜单完全打开时触发--
@on-close--菜单完全关闭时触发--

插槽

名字说明版本要求
left-menu左菜单--
right-menu右菜单--

方法

名字参数说明版本要求
open(direction)打开菜单,参数为方向
close关闭菜单
swipeout-button

swipeout-button

属性

名字类型默认值说明版本要求
textstring按钮文字,同slot=default--
background-colorstring背景颜色--
typestring内置的颜色类型,可选primary, warn--
widthstring80按钮宽度--
Variables

样式变量

名字默认值说明继承自变量
@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 --


贡献者

贡献者

该组件(包含文档)迭代次数 23,贡献人数 3

airyland万刚wg

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时,安卓手机上不能触发点击事件的问题