el-dialog的内容紧贴顶部

el-dialog的内容紧贴顶部

问题描述:

用了向el-dialog中加入组件页面的方法写


            <el-dialog class="page1" title="样点属性" :visible.sync="showDialog1" :modal="false" :close-on-click-modal="false" width="1200px">
              <PointData1/>
            </el-dialog>

但距离el-dialog的顶部栏中间有一大行空白,如何使得其紧贴顶部栏

img

<PointData1 style="margin-top: -20px;/>

20可以改成你需要的值。

::v-deep .el-overlay .el-dialog__body{
  padding-top: 0;
}

这个给土地覆盖类型这个div设置一个类,设置样式margin-top:-10px;这个数值可以调节,这种样式问题一般比较简单,如果有帮助请采纳