elementplus对话框样式修改

如果你想要修改 ElementPlus 中的对话框样式，可以通过修改组件的 CSS 样式来实现。

1. 首先，你需要在项目中引入 ElementPlus 的 CSS 文件。你可以在 `main.js` 中引入：

import 'element-plus/packages/theme-chalk/src/index.scss';

2. 然后，在 CSS 文件中找到对话框的样式，例如：

.el-dialog__wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: auto;
  transition: opacity 0.3s;
}

3. 最后，你可以在这个样式的基础上进行修改或者添加新的样式。例如，你可以修改背景颜色和字体颜色：

.el-dialog__wrapper {
  background-color: #f5f5f5; /* 修改背景颜色 */
  color: #333; /* 修改字体颜色 */
}

当然，你也可以使用 ElementPlus 提供的自定义主题功能，在主题文件中对对话框的样式进行修改。具体方法可以参考 ElementPlus 官方文档中的主题定制章节。