修改element

您所在的位置：网站首页 › elementui弹框设置大小 › 修改element

修改element

2024-03-29 05:09| 来源: 网络整理| 查看: 265

用element-ui Dialog 对话框时遇到这样一个问题（如下图），就是打开Dialog对话框后，它的高度不是自适应高度，从而导致浏览器产生滚动条，用户体验不是很好，经过一番修改，改成自己想要的自适应高度弹框。在这里插入图片描述定义样式如下：

/* 所属客户的input的按钮的颜色 */ .inputBox > .el-input-group__append { background-color: #5599ff; color: white; } /* 设置客户管理模块的高度和固定位置 */ .pub_dialog { display: flex; justify-content: center; align-items: Center; overflow: hidden; .el-dialog { margin: 0 auto !important; height: 90%; overflow: hidden; .el-dialog__body { position: absolute; left: 0; top: 54px; bottom: 0; right: 0; padding: 10px 0 10px 0; z-index: 1; overflow: hidden; overflow-y: auto; } } }

在el-dialog标签中设置class="pub_dialog"即可

弹窗为页面高度的90%，且上下居中。

el-dialog__body内容部分会根据内容的高度，自动显示上下的滚动条。

原文引用：https://www.mybj123.com/5131.html

【本文地址】

修改element

修改element

今日新闻

推荐新闻