element ui el-dialog 居中，并且内容多的时候内部可以滚动

element ui el-dialog 居中，并且内容多的时候内部可以滚动

<el-dialog title="图标设置" :visible.sync="iconModal" custom-class="pub_dialog">
</el-dialog>

css 放到公共css文件里，不能放到页面的style里

// dialog自定义
.pub_dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 !important;
    transform: translate(-50%, -50%);
    max-height: calc(100% - 30px);
    max-width: calc(100% - 30px);
    display: flex;
    flex-direction: column;
}

.pub_dialog .el-dialog__body {
    overflow: auto;
}