elementui对话框相对于页面水平垂直居中

修改对话框的样式

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