给el-dialog设置背景图片

可以使用以下方法为el-dialog设置背景图片：

1. 在el-dialog外部包裹一个div，给该div设置背景图片。

<div class="dialog-wrapper">
  <el-dialog>
    <!-- dialog content -->
  </el-dialog>
</div>

.dialog-wrapper {
  background-image: url("your-image-url");
  background-size: cover;
  background-position: center;
}

2. 使用:before伪类为el-dialog添加背景图片。

<el-dialog class="dialog-with-bg">
  <!-- dialog content -->
</el-dialog>

.dialog-with-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("your-image-url");
  background-size: cover;
  background-position: center;
  opacity: 0.5;
  z-index: -1;
}

其中，opacity属性可以调整背景图片的透明度，z-index属性需要设置为负值以保证背景图片在el-dialog下方。