From 321afdf63c727f6adbfca47cf963935f4047f8f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8C=AB=E7=8C=ABguowen?=
 <9290821+guowen-the-cat@user.noreply.gitee.com>
Date: Tue, 12 Aug 2025 08:47:01 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B6=E9=83=A8=E5=AF=BC=E8=88=AA=E6=A0=8F?=
 =?UTF-8?q?=E4=B8=8E=E6=A0=87=E7=AD=BE=E9=A1=B5=E5=9B=BA=E5=AE=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/assets/styles/index.scss         | 17 ++++++++++++
 ruoyi-ui/src/layout/components/Navbar.vue     |  2 +-
 .../src/layout/components/TagsView/index.vue  | 27 ++++++++++++++++++-
 3 files changed, 44 insertions(+), 2 deletions(-)

diff --git a/ruoyi-ui/src/assets/styles/index.scss b/ruoyi-ui/src/assets/styles/index.scss
index bb87292..fe52678 100644
--- a/ruoyi-ui/src/assets/styles/index.scss
+++ b/ruoyi-ui/src/assets/styles/index.scss
@@ -176,3 +176,20 @@ aside {
     margin-bottom: 10px;
   }
 }
+
+// 固定导航栏
+.fixed-header {
+  position: fixed;
+  top: 0;
+  right: 0;
+  // left: 0;
+  width: 100%;
+  z-index: 999;
+  box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
+}
+
+// 调整内容区域位置（防止被导航栏遮挡）
+.app-main {
+  padding-top: 78px; // 根据导航栏实际高度调整
+  min-height: calc(100vh - 78px); // 保持高度正确
+}
diff --git a/ruoyi-ui/src/layout/components/Navbar.vue b/ruoyi-ui/src/layout/components/Navbar.vue
index 5e37e98..01b961b 100644
--- a/ruoyi-ui/src/layout/components/Navbar.vue
+++ b/ruoyi-ui/src/layout/components/Navbar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="navbar">
+  <div class="navbar fixed-header">
     <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
 
     <breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" />
diff --git a/ruoyi-ui/src/layout/components/TagsView/index.vue b/ruoyi-ui/src/layout/components/TagsView/index.vue
index fcaa11a..f870e0d 100644
--- a/ruoyi-ui/src/layout/components/TagsView/index.vue
+++ b/ruoyi-ui/src/layout/components/TagsView/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="tags-view-container" class="tags-view-container">
+  <div id="tags-view-container" class="tags-view-container fixed-tags">
     <scroll-pane ref="scrollPane" class="tags-view-wrapper" @scroll="handleScroll">
       <router-link
         v-for="tag in visitedViews"
@@ -240,6 +240,31 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+/* 添加固定定位样式 */
+.tags-view-container.fixed-tags {
+  position: fixed;
+  top: 44px; /* 导航栏高度 */
+  right: 0;
+  left: 200px; /* 侧边栏宽度 */
+  z-index: 998; /* 低于导航栏 */
+  height: 34px; /* 标签页高度 */
+  transition: left 0.28s;
+}
+
+/* 侧边栏收起时的样式 */
+.hideSidebar .tags-view-container.fixed-tags {
+  left: 54px;
+}
+
+/* 侧边栏隐藏时的样式 */
+.sidebarHide .tags-view-container.fixed-tags {
+  left: 0;
+}
+
+/* 移动端样式 */
+.mobile .tags-view-container.fixed-tags {
+  left: 0;
+}
 .tags-view-container {
   height: 32px;
   width: 100%;