el-dialog 大小设置

el-dialog 是 Element UI 中的一个组件，用于创建弹窗对话框。你可以通过设置其大小属性来调整 el-dialog 的大小。

el-dialog 的大小设置有两种方式：

1. 使用 width 和 height 属性：可以通过设置 width 和 height 属性来指定 el-dialog 的宽度和高度。例如：

<el-dialog title="对话框标题" :visible="dialogVisible" width="50%" height="300px">
  <!-- 对话框内容 -->
</el-dialog>

上述代码中，width 属性设置为 "50%"，表示 el-dialog 的宽度为父容器宽度的一半；height 属性设置为 "300px"，表示 el-dialog 的高度为固定的 300 像素。

2. 使用 size 属性：el-dialog 还提供了 size 属性，可以直接设置 el-dialog 的大小为预定义的尺寸。size 属性有以下几个可选值："tiny"、"small"、"medium"、"large"。例如：

<el-dialog title="对话框标题" :visible="dialogVisible" size="small">
  <!-- 对话框内容 -->
</el-dialog>

上述代码中，size 属性设置为 "small"，表示 el-dialog 的大小为预定义的小尺寸。