el-overlay-dialog的高度是明确的,就是和我们内容区域的高度宽度都一样 我这里就设置一下最大高度,我的应用场景内容是动态的 :deep(.el-dialog) { margin: 0; max-height: 90%; } 可以看到 超出了 那我们设置 :deep(.el-dialog) { margin: 0; max-height: 90%; overflow: auto; } 这样就可以滚轮滑...
dialogTitle: "默认标题", dialogWidth: "40%", dialogHeight: "auto", dialogModal: true, dialogAlignCenter: false, dialogContentCenter: false, dialogClickModalClose: false, dialogDraggable: false, dialogFooterBtn: true, showExpand: false, showClose: true, }); const emit = defineEmits([ "save...
const footerHeight = dragDom.querySelector('.el-dialog__footer') && dragDom.querySelector('.el-dialog__footer').offsetHeight dragDom.querySelector('.el-dialog__body').style.height = 'calc(90% - ' + (dialogHeaderEl.offsetHeight + footerHeight) + 'px)' /* dragDom.querySelector('....
1.在可拖拽对话框下,点击“ Open a draggable Dialog ”按钮 2.打开F12控制台,将内容部分一直复制粘贴,直至内容部分高度超出页面高度,即整个弹窗高度大于页面高度 3.此时点击header处进行拖拽,则bug出现 What is Expected? 期望弹窗高度超过页面的Dialog组件,拖拽同其他小Dialog组件一样正常。
element plus 高度 铺满 elementui dialog宽度,UI设计5这里是我的设计成长笔记———命名命名规范的好处有两个,一个是方便自己查阅修改,另一个是和前段交接会顺畅(因为有些中文字符、空格、特殊符号是不识别的,前段还需要自己手动修改),
Bug Type: Component Environment Vue Version: 3.2.40 Element Plus Version: 2.2.17 Browser / OS: Chrome/111.0.0.0 / MacOS13.2.1 Build Tool: Vue CLI Reproduction Related Component el-dialog Reproduction Link Element Plus Playground Steps to...
设置el-dialog__header高度后,高度的确发生了变化,但是el-dialog__title的位置无论如何都不变 后来发现什么用户代理样式表,可能是浏览器的默认样式有影响,header{display:block},于是上网查了下,虽然按照网上的什么引入reset.css或者style后加scope没成功
Dialog 组件用于实现对话框功能,支持多种事件绑定和参数设置。 <template> <el-button @click="dialogVisible = true">打开对话框</el-button> <el-dialog v-model="dialogVisible" title="提示"> <span>这是一条消息</span> <template #footer> <span class="dialog-footer"> <el-button @click="dialog...
<template> <div class="STLViewer"> <el-dialog title="3D预览" v-model="newDialogVisible" style="height: 710px" @close="closeModel" @open="open()"> <div id="container" v-if="newDialogVisible" style="width: 96.2%; height: 300px;"></div> <el-button class="btn" type="primary"...