el-dialog固定高度

阅读本书更多章节>>>>

el-dialog默认高度是自由拉伸的，当内容超过屏幕时会出现滚动条，按钮和标题都会随着滚动，用户体验不好。

依照elementUI文档给dialog添加了 custom-class 之后利用 ::v-deep 穿透，在css中添加以下代码就能实现高度超出了：

.container-box{    //弹出层的高度    ::v-deep .el-dialog.import-dialog{      height: auto;      max-height: 80vh;      overflow-y: auto;    }    //弹出层里内容的高度    ::v-deep .el-dialog__body{      max-height: 70vh!important;    }  }

阅读本书更多章节>>>>

本文链接：https://www.kjpai.cn/gushi/2024-03-30/151106.html，文章来源：网络cs，作者：淼淼，版权归作者所有，如需转载请注明来源和作者，否则将追究法律责任！