From 893609c2a444de35bd39e3dd695ded6760a35a14 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: Mon, 11 Aug 2025 17:46:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BA=E5=AE=9A=E9=A1=B6=E9=83=A8=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E6=A0=8F=E4=B8=8E=E6=A0=87=E7=AD=BE=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ruoyi-ui/src/assets/styles/index.scss         |  9 +++---
 .../src/layout/components/TagsView/index.vue  | 29 +++++++++++++++++--
 2 files changed, 31 insertions(+), 7 deletions(-)

diff --git a/ruoyi-ui/src/assets/styles/index.scss b/ruoyi-ui/src/assets/styles/index.scss
index 240f7d4..2027013 100644
--- a/ruoyi-ui/src/assets/styles/index.scss
+++ b/ruoyi-ui/src/assets/styles/index.scss
@@ -182,7 +182,7 @@ aside {
   position: fixed;
   top: 0;
   right: 0;
-  // left: 0; 
+  // left: 0;
   width: 100%;
   z-index: 999;
   box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
@@ -190,6 +190,7 @@ aside {
 
 // 调整内容区域位置（防止被导航栏遮挡）
 .app-main {
-  padding-top: 50px; // 根据导航栏实际高度调整
-  min-height: calc(100vh - 50px); // 保持高度正确
-}
\ No newline at end of file
+  padding-top: 78px; // 根据导航栏实际高度调整
+  min-height: calc(100vh - 78px); // 保持高度正确
+}
+
diff --git a/ruoyi-ui/src/layout/components/TagsView/index.vue b/ruoyi-ui/src/layout/components/TagsView/index.vue
index fcaa11a..4bb8d7d 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%;
@@ -303,9 +328,7 @@ export default {
     }
   }
 }
-</style>
 
-<style lang="scss">
 //reset element css of el-icon-close
 .tags-view-wrapper {
   .tags-view-item {