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

最新推荐文章于 2024-09-02 11:16:07 发布

沉、睡

最新推荐文章于 2024-09-02 11:16:07 发布

阅读量1.1k

点赞数 3

文章标签： css html less js vue

本文链接：https://blog.youkuaiyun.com/zz975896590/article/details/119991141

版权

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