element ui 自定义弹窗大小

要自定义 Element UI 弹窗的大小，可以使用`width`和`height`属性来设置弹窗的宽度和高度。以下是一个示例代码，展示了如何自定义弹窗的大小：

<template>
  <div>
    <el-button type="primary" @click="showDialog">打开弹窗</el-button>
    <el-dialog :visible.sync="dialogVisible" :width="dialogWidth" :height="dialogHeight">
      <span>这是一个自定义大小的弹窗</span>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">关闭</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      dialogWidth: "50%", // 设置弹窗宽度
      dialogHeight: "300px", // 设置弹窗高度
    };
  },
  methods: {
    showDialog() {
      this.dialogVisible = true;
    },
  },
};
</script>

<style>
.dialog-footer {
  text-align: center;
}
</style>

在上述代码中，我们通过`:width`属性设置了弹窗的宽度为`50%`，`:height`属性设置了弹窗的高度为`300px`。您可以根据需要修改这些值来自定义弹窗的大小。请注意，宽度和高度可以是任何有效的 CSS 值，例如像素（px）、百分比（%）、视口单位（vw、vh）等。

确保已经正确引入 Element UI 库，并在组件中注册使用了相应的组件。