uptada

f/web-kboss/src/layout/components/Sidebar/index.vue

@@ -5,11 +5,25 @@
       <Logo v-if="showLogo" :collapse="isCollapse" />
       <!-- 菜单 -->
       <happy-scroll color="rgba(0,0,0,0.5)" size="5" class="menu-scroll-container">
-        <el-menu :collapse="isCollapse" :background-color="variables.menuBg" :text-color="variables.menuText"
+
-          :unique-opened="true" :active-text-color="variables.menuActiveText" :collapse-transition="false"
+        <el-menu
-          :default-active="$route.path" mode="vertical" class="el-menu-vertical">
+          :collapse="isCollapse"
-          <sidebar-item v-for="(route, index) in permission_routes" :key="index" :item="route"
+          :background-color="variables.menuBg"
-            :base-path="route.path" />
+          :text-color="variables.menuText"
+          :unique-opened="true"
+          :active-text-color="variables.menuActiveText"
+          :collapse-transition="false"
+          :default-active="$route.path"
+          mode="vertical"
+          class="el-menu-vertical"
+        >
+          <!-- 循环 filteredRoutes -->
+          <sidebar-item
+            v-for="(route, index) in filteredRoutes"
+            :key="index"
+            :item="route"
+            :base-path="route.path"
+          />
         </el-menu>
       </happy-scroll>
     </div>
@@ -26,8 +40,11 @@ export default {
   name: "Sidebar",
   data() {
     return {
-      role: ''
+      role: '',
-    }
+      homePageRouteIdentifier: (route) => {
+        return route.name === 'homePage';
+      }
+    };
   },
   components: { SidebarItem, Logo },
   computed: {
@@ -41,6 +58,13 @@ export default {
     isCollapse() {
       return !this.sidebar.opened;
     },
+    // --- 新增计算属性：过滤后的路由 ---
+    filteredRoutes() {
+       if (!this.permission_routes) {
+         return [];
+       }
+       return this.permission_routes.filter(route => !this.homePageRouteIdentifier(route));
+    }
   },
   methods: {
 
@@ -106,3 +130,6 @@ export default {
   }
 }
 </style>
+
+
+

f/web-kboss/src/views/homePage/mainPage/index.vue

@@ -1,10 +1,12 @@
 <template>
   <div class="mainBox">
-
+    <!-- 粘性导航组件 -->
     <HomePageSticky
       ref="stickyNav"
       :sections="stickySections"
       @navigate="handleNavigation"
+      :show-threshold-element-selector="'.tagUl'"
+      :show-offset="0"
     ></HomePageSticky>
 
     <div id="banner" class="banner">
@@ -15,6 +17,7 @@
           </span>
           <span class="rightText"> 您身边的AI管家</span>
         </span>
+        <!-- 当滚动到这个元素位置时，显示粘性导航 -->
         <ul style="margin-top: 50px" class="tagUl">
           <li>全 球 领 先 的 AI 服 务 运 营 商</li>
         </ul>
@@ -508,8 +511,6 @@ export default Vue.extend({
 </script>
 
 <style scoped lang="scss">
-
-
 // 添加动画样式
 .slide-fade-enter-active {
   transition: all 0.3s ease;
@@ -1349,5 +1350,10 @@ export default Vue.extend({
   position: sticky;
   top: 0px;
   z-index: 999;
+
 }
 </style>
+
+
+
+