跳到主要内容

Dialog 对话框

用作显示系统的重要信息,并请求用户进行操作反馈后才能退出。

例如:删除某个重要内容时,弹出对话框进行二次确认。


反馈类对话框

显示某操作结果的对话框,标题区域有图标,仅有一个确认按钮。常用于操作后结果的展示,或危险、警告等信息的展示。

纯文本

带说明文本

带图标

确认类对话框

指带有取消及主要操作,指导用户进行二次确认的对话框。常用于反馈或容错的场景。

纯文本

带说明文本

带图标

输入类对话框

纯标题

带说明文本

自定义对话框

可自定义内容区域、标题、操作按钮。

基础

有按钮

有标题

设计指南

  • 尽量减少使用对话框,会打断用户当前操作。
  • 仅在需引起用户注意和用户临时会话后才可继续的任务,或保存重要数据时才使用对话框。
  • 文案应应简洁明了,标题不超过一行,描述内容不超过三行。
  • 操作按钮一般为 1-2 个,主要按钮,始终放在右侧,次要按钮放在左侧。