修改el-dialog样式

可以通过以下步骤修改 `el-dialog` 的样式：

1. 打开浏览器的开发者工具，找到 `el-dialog` 的类名或 ID。
2. 在 CSS 中添加对应的样式，例如：

/* 修改 el-dialog 的宽度和高度 */
.el-dialog {
  width: 500px;
  height: 300px;
}

/* 修改 el-dialog 标题栏的背景色 */
.el-dialog__titlebar {
  background-color: #409EFF;
  color: #fff;
}

/* 修改 el-dialog 内容区的内边距 */
.el-dialog__body {
  padding: 20px;
}

3. 将修改后的 CSS 代码放入项目中相应的 CSS 文件中，或者使用 `style` 标签将其添加到 HTML 文件的头部。

需要注意的是，如果在多个地方使用了 `el-dialog`，那么修改样式可能会影响到所有使用了这个组件的地方。为了避免这种情况，可以给 `el-dialog` 添加一个独特的类名，并在 CSS 中针对这个类名进行样式修改，例如：

<el-dialog class="my-dialog">
  <!-- 对话框内容 -->
</el-dialog>

/* 修改 my-dialog 的样式 */
.my-dialog {
  width: 500px;
  height: 300px;
}