el-overlay-dialog的高度是明确的,就是和我们内容区域的高度宽度都一样 我这里就设置一下最大高度,我的应用场景内容是动态的 :deep(.el-dialog) { margin: 0; max-height: 90%; } 可以看到 超出了 那我们设置 :deep(.el-dialog) { margin: 0; max-height: 90%; overflow: auto; } 这样就可以滚轮滑...
el-overlay:有一点是创建了个div,铺满整个浏览器,固定定位到最上层,内容居中,不知道还有没有其它功能; div(className:el-overlay-dialog):处理点击内容区域外关闭弹窗; el-focus-trap:fouce-trap.vue中template只用了一个slot,传递了一个键盘按下事件方法。用来注册和处理内容区域内的事件,如:按tab键时切换内容区...
44 45 46 47 <template v-if="rendered"> 48 49 <slot></slot> 50 51 </template> 52 53 </el-overlay> 54 </transition> 55 </teleport> 56 </template> 57 58 59 import { 60 defineComponent, 61 computed, 62 ref, 63 }...
样式定义: .fix-overlay{:deep(.el-overlay){position:absolute;}}
57const_component_el_icon = resolveComponent("el-icon"); 58const_component_el_focus_trap = resolveComponent("el-focus-trap"); 59const_component_el_overlay = resolveComponent("el-overlay"); 60returnopenBlock(), createBlock(Teleport, { ...
el-drawer style 中缺少zIndex属性,导致全局修改zIndex失效 What is Expected? 修复这个问题 What is actually happening? 有问题 Additional comments (empty) Author jiaozhiye commented Feb 18, 2024 el-drawer中useDialog并没有结构出zIndex变量,导致el-overlay的z-index参数拿不到有效的值 drylint mentioned ...
overlayRef:Ref<InstanceType<typeofElOverlay>|undefined> bodyId:Ref<string> ns:UseNamespaceReturn rendered:Ref<boolean> Expand Down 4 changes: 2 additions & 2 deletions4packages/hooks/use-draggable/index.ts Original file line numberDiff line numberDiff line change ...
注意:这里使用了Vue的深度选择器>>>来选择.el-overlay和.el-dialog,这是因为.el-overlay是Dialog组件内部的一个元素,不是直接在.dialog-container下。 备选方案:隐藏遮罩层: 如果遮罩层完全不需要,你也可以通过设置modal属性为false来隐藏遮罩层。但请注意,这会影响Dialog的视觉效果和用户体验,因为它可...
补充:四层$parent的原因是:父组件引用子组件的时候还在外面套了多层 UI 组件。子组件ChildName的$parent是Element Plus的组件el-focus;$parent.$parent是Element Plus的组件el-overlay;$parent.$parent.$parent是Element Plus的组件transtion;$parent.$parent.$parent.$parent才是ElMessageBox组件。
71 export { ElOverlay } from './components/overlay/index.mjs'; 72 export { pageHeaderEmits, pageHeaderProps } from './components/page-header/src/page-header.mjs'; 73 export { ElPageHeader } from './components/page-header/index.mjs'; 74 export { paginationEmits, paginationProps } ...