怎么在el-dialog里修改样式

在 `el-dialog` 中修改样式有几种方法可以尝试：

1. 使用 `class` 或 `style` 属性：可以直接在 `el-dialog` 标签上添加 `class` 或 `style` 属性，并在 CSS 文件中定义相应的样式。例如：

<el-dialog class="my-dialog" title="Dialog Title">
  <!-- dialog content here -->
</el-dialog>

然后在 CSS 文件中定义 `.my-dialog` 类的样式：

.my-dialog {
  /* your styles here */
}

2. 使用 `wrapper-class` 属性：`el-dialog` 组件提供了一个 `wrapper-class` 属性，该属性可以用于添加自定义的类名到 dialog 的外层包装元素上。例如：

<el-dialog wrapper-class="my-dialog" title="Dialog Title">
  <!-- dialog content here -->
</el-dialog>

然后在 CSS 文件中定义 `.my-dialog` 类的样式：

.my-dialog {
  /* your styles here */
}

3. 使用深度选择器：如果你使用的是 Vue 的单文件组件，并且已经启用了深度选择器，你可以使用 `/deep/` 或 `>>>` 来穿透组件的样式隔离，直接在组件内部修改样式。例如：

<style scoped>
  .el-dialog /deep/ .el-dialog__header {
    /* your styles here */
  }
</style>

<template>
  <el-dialog title="Dialog Title">
    <!-- dialog content here -->
  </el-dialog>
</template>

这些方法可以帮助你在 `el-dialog` 中修改样式。根据你的实际需求和项目配置，选择适合的方法来修改样式。