这样,Dialog的高度就会被限制在视口高度的80%以内,如果内容超出这个高度,则会出现滚动条。 使用custom-class属性: Element Plus允许你为Dialog组件添加一个自定义的CSS类。你可以在Dialog组件上使用custom-class属性来指定这个类名,然后在CSS中定义该类的高度样式。 vue <template> <el-dialog title="自...
const dialogHeaderEl = el.querySelector('.el-dialog__header'); const dragDom = el.querySelector('.el-dialog'); dialogHeaderEl.style.cursor = 'move'; // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null); const sty = dragDom.currentStyle || window.get...
el-overlay-dialog的高度是明确的,就是和我们内容区域的高度宽度都一样 我这里就设置一下最大高度,我的应用场景内容是动态的 :deep(.el-dialog) { margin: 0; max-height: 90%; } 可以看到 超出了 那我们设置 :deep(.el-dialog) { margin: 0; max-height: 90%; overflow: auto; } 这样就可以滚轮滑...
Element UI 弹窗(Dialog)改成自适应高度,仅body内容部分滚动 简单的定位实现过程 给想要自适应高度的div设置position:absolute;top:0;left:0;right:0;bottom:0;(具体距离设置看情况设定) .abow_dialog { display: flex; justify-content: center; align-items: Center; overflow: hidden; .el-dialog { margin:...
<el-dialog :visible.sync="dialogVisible" :show-close='false' width="75%" top="20vh" :destroy-on-close='true' :close-on-click-modal='false' :close-on-press-escape='false'> <div class="el-dialog-div"> </div> </el-dialog> /deep/ .el-dialog__header { display: none; } /dee...
直接加 !important 无效 但是 /deep/ 就OK了 /deep/ .el-dialog{ height: 3.22917rem ; }
vue element-ui .el-dialog 限制高度 <style scoped> /deep/ .el-dialog { height: 78vh; overflow: auto; } </style>
简介: element-plus:el-Dialog对话框组件垂直居中、禁止屏幕滚动、使用内滚动 app.vue style部分添加以下内容: .el-dialog { display: flex !important; flex-direction: column !important; margin: 0 !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: ...
第二次打开此el-dialog: 第一行默认高亮 第二次打开窗口后,如果点击第一行,第一行依旧为高亮状态,然后会设置第一行为currentisolatorRow。 如果点击其他行,其他行会切换为高亮状态。 贴一下代码: // 刀闸窗口相关 // 点击刀闸窗口下方的确认按钮 confirmisolatorWindow(){ ...