elementui 自定义 dialog 样式

要自定义 ElementUI 的 Dialog 样式，可以使用以下步骤：

1. 首先，需要在项目中创建一个自定义的样式文件，例如 `custom-dialog.css`。

2. 在该文件中，编写 CSS 代码来修改 Dialog 的样式。例如，要修改 Dialog 标题的字体颜色和大小，可以使用以下代码：

.el-dialog__title {
  color: #333;
  font-size: 16px;
}

3. 在主页或入口文件中引入该样式文件。例如，在 Vue 项目中，可以在 `App.vue` 组件中添加以下代码：

<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<style src="./assets/custom-dialog.css"></style>

注意，这里使用的是 `<style>` 标签的 `src` 属性，而不是 `type` 属性。

4. 然后，在使用 Dialog 的组件中，添加 `custom-class` 属性，并设置为一个自定义的类名，例如 `my-dialog`。这样，Dialog 就会应用 `my-dialog` 类中的样式。

<template>
  <div>
    <el-button @click="showDialog">打开对话框</el-button>
    <el-dialog
      :visible.sync="dialogVisible"
      :custom-class="'my-dialog'"
    >
      <span>这是一个自定义样式的对话框</span>
    </el-dialog>
  </div>
</template>

以上就是自定义 ElementUI Dialog 样式的方法。