Skip to content

抽屉

概述

抽屉是从屏幕边缘划出的浮层面板。当父级导航无法给出更加详细的指令时,可以呼出抽屉面板,展示详细指令。

基本样式

抽屉从父窗体边缘滑入,覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务,操作完成后,可以平滑地回到原任务。

- 当需要一个附加的面板来控制父窗体内容,这个面板在需要时呼出。比如,控制界面展示样式,往界面中添加内容。

- 当需要在当前任务流中插入临时任务,创建或预览附加内容。比如展示协议条款,创建子对象。

抽屉也是模态触达的一种,所以在样式和交互上和弹窗保持一致。

- 带操作的抽屉,需点击右上角关闭或底部操作才可关闭抽屉

- 不带操作的抽屉,可根据实际场景定义是否可以点击蒙层关闭

① 蒙层(可选):默认有蒙层,背景内容锁定滚动

② 标题(必选):抽屉标题

③ 内容(必选):内容承载,可包含表单、表格等较为复杂的内容

④ 操作(可选):抽屉可待操作,也可纯展示

抽屉尺寸

从宽度上共两种尺寸宽度,分为小 510px、大 810px 三种,也可根据各业务场景自定义,内容超出出现滚动条。

抽屉位置

默认从右侧向左划出,支持从底部向上、左侧向右、顶部向下,四种方向划出。