---
category: Components
subtitle: 对话框
type: 反馈
title: Modal
---

以 1440 X 900 的 web 设计稿尺寸为例。常规弹窗根据场景可分为功能弹窗和信息确认弹窗。


## 设计规范


### 功能弹窗

- 功能弹窗分三种尺寸：小尺寸400px，中等尺寸640px，最大尺寸900px。 
- 由标题、内容和下面的操作部分组成：弹窗标题左对齐与弹窗。 
- 弹窗内容横向居中；操作按钮主按钮居右，次级按钮居左。 
- 整个弹窗高度随着内容区域变化而变化，弹窗高度最高不超过600px，即最大的弹窗尺寸是900px X 600px。
- 溢出内容的展示 ：若正文内容超过对话框的最大高度，内容部分可相应垂直滚动，滚动时标题和下面的操作部分保持固定。对话框内容不可以支持横向滚动。

### 信息确认弹窗

用于删除操作的二次确认，防止数据丢失不可逆

- 一级标题➡️字号：14px    字重：Medium    颜色：#3D446E    行高：22px
- 二级标题➡️字号：12px    字重：Regular    颜色：#8B8FA8    行高：20px