快速解决element中el-dialog弹框组件垂直居中问题的方法

发布时间 2023-10-31 18:07:52作者: byd张小伟

快速解决element中el-dialog弹框组件垂直居中问题的方法:https://blog.csdn.net/Shids_/article/details/120728973

 

::v-deep .el-dialog{
      display: flex;
      flex-direction: column;
      margin:0 !important;
      position:absolute;
      top:50%;
      left:50%;
      transform:translate(-50%,-50%);
      max-height:calc(100% - 30px);
      max-width:calc(100% - 30px);
  }
::v-deep  .el-dialog .el-dialog__body{
      flex:1;
      overflow: auto;
  }