From ac92ae3ae6842ac809fc3d53931a6db02d313fa6 Mon Sep 17 00:00:00 2001
From: RuoYi <yzz_ivy@163.com>
Date: Thu, 04 Sep 2025 20:06:26 +0800
Subject: [PATCH] 修复固定头部时出现的导航栏偏移问题
---
ruoyi-ui/src/layout/components/AppMain.vue | 20 +++++++++++---------
1 files changed, 11 insertions(+), 9 deletions(-)
diff --git a/ruoyi-ui/src/layout/components/AppMain.vue b/ruoyi-ui/src/layout/components/AppMain.vue
index f6e0875..b345dd0 100644
--- a/ruoyi-ui/src/layout/components/AppMain.vue
+++ b/ruoyi-ui/src/layout/components/AppMain.vue
@@ -53,12 +53,19 @@
overflow: hidden;
}
+.fixed-header + .app-main {
+ overflow-y: auto;
+ scrollbar-gutter: auto;
+ height: calc(100vh - 50px);
+ min-height: 0px;
+}
+
.app-main:has(.copyright) {
padding-bottom: 36px;
}
.fixed-header + .app-main {
- padding-top: 50px;
+ margin-top: 50px;
}
.hasTagsView {
@@ -68,19 +75,14 @@
}
.fixed-header + .app-main {
- padding-top: 84px;
+ margin-top: 84px;
+ height: calc(100vh - 84px);
+ min-height: 0px;
}
}
</style>
<style lang="scss">
-// fix css style bug in open el-dialog
-.el-popup-parent--hidden {
- .fixed-header {
- padding-right: 6px;
- }
-}
-
::-webkit-scrollbar {
width: 6px;
height: 6px;
--
Gitblit v1.9.3