概述
从页面边缘滑出来的浮动面板,当需要一个附加的面板来控制父窗体内容,这个面板在需要时呼出。比如,控制界面展示样式,往界面中添加内容。
当需要在当前任务流中插入临时任务,创建或预览附加内容。比如展示协议条款,创建子对象。
主要元素
- 标题:包括标题、可选标签
- 操作区:组件自带的关闭、取消,可自定义的操作区
- 内容区:和容器一样的性质,可以放置组件,请遵从用法建议
用法
何时使用
- 当需要一个附加的面板来控制父窗体内容。比如,需要更多空间往界面中添加内容。
- 4个以上的表单字段,或者带嵌套逻辑的复杂表单内容。
什么时候不使用
- 不要用于低复杂程度的创建流程,例如创建仅需要一个表单,推荐使用弹窗而不是抽屉
弹出方向
方向 | 目的 |
---|---|
在下边 | 用于复杂的或交互式的功能,比如表格内容,或者需要 Tabs 来对页面分类。 |
在右边 | 可用于中等复杂度的创建,超过4个以上的表单字段,不推荐在右侧使用表格。 |
行为
打开
用户通过点击文本链接或图标所代表的对象来打开一个弹出窗口。为了提高可访问性,我们建议使用文本,如一个对象的名称或ID。
关闭
当用户在弹出框外点击或在弹出框内选择一个动作时,弹出框就会关闭。