el-dialog自定义样式设置背景图

`el-dialog`是Element UI库中的一个对话框组件，在Vue.js中，你可以通过修改组件的` scoped slot `（局部插槽）或者直接操作CSS样本来定制`el-dialog`的背景图片。以下是两种常见的做法：

1. **使用 scoped slot (局部插槽) 修改背景**:
在你的Vue组件模板中，可以创建一个新的slot，并在其中添加你想显示的背景图，例如：

   <el-dialog :style="{ background: 'url(your-image-url)' }">
     <template #custom-slot>
       <div class="dialog-bg" style="background-image: url(your-image-url);"></div>
     </template>
     <!-- 正常内容 -->
   </el-dialog>

2. **直接修改CSS**:
如果你想要全局改变所有`el-dialog`的背景，可以在CSS文件中设置`.el-dialog`的选择器。如果只想针对特定的对话框，可以在元素上添加额外的类并设置CSS：

   .my-dialog-style {
     background-image: url(your-image-url);
   }
   
   <el-dialog class="my-dialog-style">...</el-dialog>

记住，一定要确保你的背景图像路径正确，如果是相对路径，需要相对于`<el-dialog>`标签所在的位置。