el-dialog怎么去掉阴影

`el-dialog` 是 Element UI 中的一个对话框组件，它默认会有阴影效果，以提供更好的视觉反馈和用户体验。如果你想去掉 `el-dialog` 的阴影，可以通过调整其样式来实现。具体步骤如下：

1. 首先，找到并复制 `el-dialog` 的默认 CSS 样式，通常这个样式在 Element UI 的全局 CSS 或者主题文件中定义。

.el-dialog__wrapper {
  /* 原始的阴影样式，可能类似这样 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

2. 然后，在你的样式表中，重写这个 `box-shadow` 属性，设置为 `none` 或者你喜欢的其他透明值：

.el-dialog__wrapper {
  box-shadow: none; /* 或者 box-shadow: 0 0 0 transparent; */
}

3. 如果你不想覆盖全局样式，也可以直接在 `el-dialog` 元素上应用该样式：

<el-dialog class="no-shadow" :visible="dialogVisible">
  <!-- 内容 -->
</el-dialog>

.no-shadow {
  box-shadow: none;
}