element-UI的dialog的头部那一条能去掉吗？

Question

问题描述

element-UI的dialog的头部那一条能去掉吗？就是图中红色框圈中的那一部分

问题截图

期望效果

Answer 1

可使用slot控制标题显示、隐藏：

Answer 2

css : .el-dialog__header:display:none!imortant;类似这种操作手法。

Answer 3

把padding设置为0就可以了，

Answer 4

首先用custom-class 加一个class
我这边是加了一个 previewClass
custom-class="previewDialog"
然后 less 这样写

.previewDialog.el-dialog {
  .el-dialog__header {
    display: none;
  }
  .dj-dialog-content {
    padding: 0;
    overflow: unset;
  }
}

Answer 5

<el-dialog title="" :visible.sync="dialogFormVisible" width="800px" center :show-close="false">

  <div id='infoBox'>
     <!-- 此处放具体的弹窗内容 -->
  </div>

</el-dialog>

<style scoped>
#infoBox {

margin-top: -30px;

}
</style>

Answer 6

内部组件可以设置负外边距进行遮罩即可

  .mytest{
    margin: -20px -20px 0px -20px;
  }