el-dialog字体模糊,使用flex布局,垂直居中

 /*element组件库样式修改*/
    /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);
        .el-dialog__body{
            flex:1;
            overflow: auto;
        }
    }

猜你喜欢

转载自blog.csdn.net/WDCCSDN/article/details/103874007