修改elementui内置弹窗组件（dialog）样式及默认配置

在Vue项目中，如果你想要修改Element UI内置的弹窗组件（Dialog）的样式及默认配置，你可以通过以下方法：

1. 通过CSS覆盖默认样式。
2. 使用全局配置覆盖默认属性。
3. 使用作用域插槽自定义内部结构。

以下是一个简单的示例，展示如何通过CSS覆盖默认样式，并通过Vue的data属性覆盖默认配置：

<template>
  <el-dialog
    :visible.sync="dialogVisible"
    :close-on-click-modal="false"
    custom-class="my-dialog"
  >
    <!-- 内容 -->
  </el-dialog>
</template>
 
<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  }
};
</script>
 
<style>
/* 覆盖默认样式 */
.my-dialog {
  /* 自定义样式 */
  background-color: #f0f0f0;
  /* 其他样式 */
}
</style>

在这个例子中，我们创建了一个自定义的弹窗组件，其中.my-dialog类用于覆盖默认的样式。同时，我们通过:visible.sync绑定了一个名为dialogVisible的Vue实例数据属性，这样我们可以通过控制这个属性来显示或隐藏弹窗。通过:close-on-click-modal="false"，我们覆盖了默认的点击遮罩层不关闭弹窗的行为。