el-dialog第一次打开有间距

当您在Vue.js中使用Element Plus库的`el-dialog`组件时，首次显示可能会有一些默认的空间间隔（也称为"留白"），这是为了保证对话框在加载时不会立即与页面内容重叠。这个间距通常是由于CSS样式设置导致的，通常会涉及到一些全局的主题样式或者对话框本身的样式。

要调整这种间距，您可以按照以下步骤操作：

1. **查看CSS**：检查`element-plus`主题文件（如`~theme-chalk/index.css`或自定义主题文件）中关于`el-dialog`的样式。查找类似`:first-child`或`.el-dialog.is-active`的选择器，可能有相关的`margin-top`、`padding-top`等属性设置了初始距离。

2. **覆盖样式**：如果在全局主题中找到合适的样式，可以直接在需要的地方通过`!important`声明来覆盖它们，例如：

   .el-dialog:first-child {
     margin-top: 0 !important;
     padding-top: 0 !important;
   }

3. **局部修改**：如果您想仅针对某个特定的`<el-dialog>`实例更改，可以在该元素上添加一个`style`标签，动态地添加或修改`margin-top`和`padding-top`属性。

4. **复原动画**：确保留白不会影响对话框的关闭动画，如果有的话，可能需要单独处理关闭时的动画过渡。

记得在修改全局样式时谨慎操作，以免影响其他组件的行为。