跳到主要内容
drawer
从页面边缘滑出来的浮动面板,当需要一个附加的面板来控制父窗体内容,这个面板在需要时呼出。比如,当需要在当前任务流中插入临时任务,创建或预览附加内容。

概述

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

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

主要元素

  1. 标题:包括标题、可选标签
  2. 操作区:组件自带的关闭、取消,可自定义的操作区
  3. 内容区:和容器一样的性质,可以放置组件,请遵从用法建议

img

用法

何时使用

  1. 当需要一个附加的面板来控制父窗体内容。比如,需要更多空间往界面中添加内容。
  2. 4个以上的表单字段,或者带嵌套逻辑的复杂表单内容。

什么时候不使用

  1. 不要用于低复杂程度的创建流程,例如创建仅需要一个表单,推荐使用弹窗而不是抽屉

弹出方向

方向目的
在下边用于复杂的或交互式的功能,比如表格内容,或者需要 Tabs 来对页面分类。
在右边可用于中等复杂度的创建,超过4个以上的表单字段,不推荐在右侧使用表格。

按钮构成

行为

打开

用户通过点击文本链接或图标所代表的对象来打开一个弹出窗口。为了提高可访问性,我们建议使用文本,如一个对象的名称或ID。

关闭

当用户在弹出框外点击或在弹出框内选择一个动作时,弹出框就会关闭。