Appearance
抽屉
概述
抽屉是从屏幕边缘划出的浮层面板。当父级导航无法给出更加详细的指令时,可以呼出抽屉面板,展示详细指令。
基本样式
抽屉从父窗体边缘滑入,覆盖住部分父窗体内容。用户在抽屉内操作时不必离开当前任务,操作完成后,可以平滑地回到原任务。
- 当需要一个附加的面板来控制父窗体内容,这个面板在需要时呼出。比如,控制界面展示样式,往界面中添加内容。
- 当需要在当前任务流中插入临时任务,创建或预览附加内容。比如展示协议条款,创建子对象。
抽屉也是模态触达的一种,所以在样式和交互上和弹窗保持一致。
- 带操作的抽屉,需点击右上角关闭或底部操作才可关闭抽屉
- 不带操作的抽屉,可根据实际场景定义是否可以点击蒙层关闭

① 蒙层(可选):默认有蒙层,背景内容锁定滚动
② 标题(必选):抽屉标题
③ 内容(必选):内容承载,可包含表单、表格等较为复杂的内容
④ 操作(可选):抽屉可待操作,也可纯展示
抽屉尺寸
从宽度上共两种尺寸宽度,分为小 510px、大 810px 三种,也可根据各业务场景自定义,内容超出出现滚动条。

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


