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;
}