教程 框架 组件 接口 其他

drawer

概述

抽屉容器,抽屉默认隐藏。可通过侧边滑动或者api调用显示,支持 flex 布局。

子组件

支持,包括 <drawer-navigation> 子组件

属性

支持通用属性

名称类型默认值必填描述
enableswipe<boolean>true能否通过手势滑出或者滑入抽屉,默认可滑出和滑入。

样式

支持通用样式

事件

支持通用事件

名称参数描述
change{direction:directionValue, state: stateValue}抽屉打开关闭时回调。
direction:抽屉的位置,值为 start 或者 end。 start:左边,end:右边
state:打开或者关闭状态。0:关闭,1:打开
scroll{direction:directionValue, slideOffset:offsetValue, state:stateValue}抽屉滑动过程的事件回调。
direction:抽屉的位置
slideOffset:抽屉滑动过程中的偏移。取值范围:0.0-1.0
state:抽屉当前状态,取值为0,1,2
0:静止状态
1:正在发生交互状态
2:用户已松手,正在滑动到目标位置

方法

名称参数描述
openDrawerObject打开指定方向的抽屉
closeDrawerObject关闭指定方向的抽屉

openDrawer 的参数说明:

名称类型是否必选默认值备注
directionstring-可选参数 direction 可指定为 start 或者 end。 如果未设置 direction 的值,且只存在一个 drawer-navigation 时,默认打开这个 drawer-navigation。如果左右 drawer-navigation 都存在,则必须指定 direction 的值。当指定的 direction 与实际的 drawer-navigation 的 direction 的值不匹配时不生效。

closeDrawer 的参数说明:

名称类型是否必选默认值备注
directionstring-可选参数 direction 可指定为 start 或者 end。 如果未设置 direction 的值,且只存在一个 drawer-navigation 时,默认关闭这个 drawer-navigation。如果左右 drawer-navigation 都存在,则必须指定 direction 的值。当指定的 direction 与实际的 drawer-navigation 的 direction 的值不匹配时不生效。

drawer   示例代码

查看示例代码

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容