# Modal 对话框

一般为模态弹出框的形式,用于承载信息详情或操作。

# 设计说明

# 使用说明

# 何时使用

  • 在不进行页面跳转的情况下,用于展示下一层级的信息、表单或操作。
  • 如果信息过多,对话框无法承载,则建议使用新页面或二级页面等形式来展示。

# 尺寸

  • 宽度: 根据内容来决定,一个系统内的对话框的宽度建议固定成小、中、大三个尺寸,尽量避免出现三种以上的宽度。
  • 高度: 根据内容来决定,内容较多时需要设定弹窗的最大高度,在中间区域进行垂直滚动,避免对话框高度超出屏幕区域。
  • 对话框的宽度和高度不建议超过页面分辨率宽高的 85%。

# 特殊用法

# 操作

# 注意事项

尽量不要使用二次弹窗,若对话框中有较复杂操作(如新增等),可以使用行内编辑、popconfirm、分步操作等形式来避免二次弹窗。如果必须使用二次弹窗,则需明确两个弹窗间的层级关系。

上次更新: 12/1/2023, 10:19:34 AM