fix: el-overlay全局修复(z-index+position)
This commit is contained in:
+7
-11
@@ -340,18 +340,14 @@ html.dark .el-drawer__header {
|
||||
}
|
||||
}
|
||||
|
||||
/* el-message-box / el-dialog 弹窗全局居中修复 —
|
||||
注意:不移除 .el-overlay 的 display:flex 会导致遮罩层布局问题,
|
||||
Element Plus 默认的 el-overlay 已经有 position:fixed + inset:0,
|
||||
居中应该用 center 属性而非覆盖样式 */
|
||||
.el-message-box {
|
||||
margin: 0 !important;
|
||||
}
|
||||
.el-dialog {
|
||||
--el-dialog-margin-top: 1vh !important;
|
||||
}
|
||||
/* el-overlay 全局修复 — 确保弹窗可见 */
|
||||
.el-overlay { z-index: 2000 !important; }
|
||||
.el-overlay-dialog { z-index: 2001 !important; position: fixed !important; }
|
||||
.el-message-box__wrapper { z-index: 2002 !important; }
|
||||
.el-message-box { margin: 0 !important; }
|
||||
.el-dialog { --el-dialog-margin-top: 1vh !important; }
|
||||
|
||||
/* === 页面标准间距与公共布局类 === */
|
||||
/* 过渡动画 — 明暗切换平滑过渡 */
|
||||
.page-view { padding: 16px; }
|
||||
.page-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; flex-wrap:wrap; gap:8px; }
|
||||
.page-title { font-size:18px; font-weight:600; margin:0; }
|
||||
|
||||
Reference in New Issue
Block a user