# Dialog 对话框

开发者：sheepluo

创建日期：2020-05-30

说明：TDesign Dialog 组件的基本样式

## 类型

对话框类型当前只有两种：默认类型(default)和主类型(primary)。其他类型（error/warning/info/success）暂时没有。

两种状态的对话框类名分别为：t-dialog--default/t-dialog--primary。

##### 我是主要信息

组件库能帮我们节省开发精力，无需所有东西都从头做，通过一些小组件拼接起来，就得到了我们想要的最终页面。赶紧加入前端通用组件库大军吧！

##### 我是主要信息

组件库能帮我们节省开发精力，无需所有东西都从头做，通过一些小组件拼接起来，就得到了我们想要的最终页面。在日常开发中如果没有特定的一些业务需求，使用组件库进行开发无疑是更便捷高效，而且质量也相对更高的方案。

## 状态

对话框的状态只有加载态，而加载态仅有按钮变为加载态，其它地方不变。

##### 我是主要信息

组件库能帮我们节省开发精力，无需所有东西都从头做，通过一些小组件拼接起来，就得到了我们想要的最终页面。赶紧加入前端通用组件库大军吧！

## 遮罩层

有时候对话框需要显示底部遮罩，可以将用户的注意力全部吸引到对话框。

##### 我是主要信息

组件库能帮我们节省开发精力，无需所有东西都从头做，通过一些小组件拼接起来，就得到了我们想要的最终页面。赶紧加入前端通用组件库大军吧！

## 大小

最大对话框宽度 960px；最小对话框宽度 480px。

由于对话框宽度属于组件 API，因而此处无需 UI 开发宽度样式。

当对话框宽度不在 480px ~ 960px 之间时，组件可以抛出 warning 提示。