el-dialog固定高度
现在要实现一种窗口高度固定，内容滚动的方式，如下直接在内容上套一层div并加上自定义样式el-dialog-div。默认高度是自由拉伸的，当内容超过屏幕时会出现滚动条，按钮和标题都会随着滚动，用户体验不好。
·
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;
}
}
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
7
0- 0
已为社区贡献2条内容
所有评论(0)