el-dialog的全局样式

el-dialog 的全局样式可以通过在 CSS 中设置以下样式来实现：

/* 遮罩层样式 */
.el-dialog__wrapper {
  z-index: 999;
}

/* 对话框样式 */
.el-dialog {
  border-radius: 5px;
}

/* 对话框标题样式 */
.el-dialog__title {
  font-weight: bold;
}

/* 对话框内容样式 */
.el-dialog__body {
  padding: 20px;
}

/* 对话框底部样式 */
.el-dialog__footer {
  border-top: 1px solid #e9e9e9;
  padding: 10px 20px;
  text-align: right;
}

这些样式可以根据实际需要进行修改和扩展。如果需要修改单个对话框的样式，可以通过在对话框组件中添加 `custom-class` 属性来指定自定义的类名，然后在 CSS 中对该类名进行样式设置。例如：

<el-dialog title="对话框标题" custom-class="my-dialog">
  <p>对话框内容</p>
</el-dialog>

.my-dialog {
  width: 500px;
}