From 6237c56510edcb4c4c582950bc2bf2d7d2b75a97 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 25 Jul 2025 15:38:04 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20navbar=E8=8F=9C=E5=8D=95active=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../navbar/components/navbar-menu/index.vue   | 24 +++++++++++++------
 .../components/task-center-modal/style.scss   |  2 +-
 .../select-sub-account-modal/style.scss       |  2 +-
 3 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/src/components/_base/navbar/components/navbar-menu/index.vue b/src/components/_base/navbar/components/navbar-menu/index.vue
index 7c33508..88953ff 100644
--- a/src/components/_base/navbar/components/navbar-menu/index.vue
+++ b/src/components/_base/navbar/components/navbar-menu/index.vue
@@ -9,7 +9,12 @@
               <icon-caret-down size="16" class="arco-icon-down !mr-0" />
             </a-button>
             <template #content>
-              <a-doption v-for="(child, ind) in item.children" :key="ind" @click="handleDropdownClick(child)">
+              <a-doption
+                v-for="(child, ind) in item.children"
+                :key="ind"
+                @click="handleDropdownClick(child)"
+                :class="{ active: child.includeRouteNames.includes(route.name) }"
+              >
                 <span class="menu-item-text"> {{ child.name }}</span>
               </a-doption>
             </template>
@@ -26,10 +31,12 @@
 </template>
 
 <script setup>
+import { useRoute } from 'vue-router';
 import { useSidebarStore } from '@/stores/modules/side-bar';
 import router from '@/router';
 
 const sidebarStore = useSidebarStore();
+const route = useRoute();
 
 const selectedKey = computed(() => {
   return [String(sidebarStore.activeMenuId)];
@@ -37,6 +44,7 @@ const selectedKey = computed(() => {
 const menuList = computed(() => {
   return sidebarStore.menuList;
 });
+
 const handleDropdownClick = (item) => {
   router.push({ name: item.routeName });
 };
@@ -59,11 +67,11 @@ const handleDropdownClick = (item) => {
         display: flex;
         height: 40px;
         width: 100%;
-        padding: 10px 24px;
+        padding: 10px 0;
         align-items: center;
         .menu-item-text {
           color: var(--Text-2, #3c4043);
-          font-family: 'PuHuiTi-Regular';
+          font-family: $font-family-regular;
           font-size: 16px;
           font-style: normal;
           font-weight: 400;
@@ -71,10 +79,12 @@ const handleDropdownClick = (item) => {
         }
       }
       &:not(.arco-dropdown-option-disabled):hover {
-        background-color: transparent;
-        .arco-dropdown-option-content {
-          border-radius: 8px;
-          background: var(--BG-200, #f2f3f5);
+        background: var(--BG-200, #f2f3f5);
+      }
+      &.active {
+        background: var(--Brand-Brand-1, #f0edff) !important;
+        .menu-item-text {
+          color: var(--Brand-Brand-6, #6d4cfe) !important;
         }
       }
     }
diff --git a/src/components/_base/navbar/components/task-center-modal/style.scss b/src/components/_base/navbar/components/task-center-modal/style.scss
index 0485941..25c5e3b 100644
--- a/src/components/_base/navbar/components/task-center-modal/style.scss
+++ b/src/components/_base/navbar/components/task-center-modal/style.scss
@@ -23,7 +23,7 @@
         .label {
           margin-right: 12px;
           color: #211f24;
-          font-family: 'PuHuiTi-Regular';
+          font-family: $font-family-regular;
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
diff --git a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
index 25d027e..d8c0813 100644
--- a/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/select-sub-account-modal/style.scss
@@ -22,7 +22,7 @@
         .label {
           margin-right: 12px;
           color: #211f24;
-          font-family: 'PuHuiTi-Regular';
+          font-family: $font-family-regular;
           font-size: 14px;
           font-style: normal;
           font-weight: 400;