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