又改了一下

src/components/layout/AppHeader.vue

@@ -53,7 +53,8 @@ const handleMouseLeave = (item) => {
   if (item.dropdown) {
     dropdownTimer.value = setTimeout(() => {
       activeDropdown.value = null;
-    }, 200);
+      dropdownTimer.value = null;
+    }, 300);
   }
 };
 
@@ -79,25 +80,17 @@ const mobileLabel = computed(() =>
             v-for="item in navItems"
             :key="item.to"
             class="nav__item"
-            @mouseenter="handleMouseEnter(item)"
-            @mouseleave="handleMouseLeave(item)"
+            @mouseenter="() => handleMouseEnter(item)"
+            @mouseleave="() => handleMouseLeave(item)"
           >
             <RouterLink class="nav__link" :to="item.to">
               {{ item.label }}
-              <!-- <Icon
-                v-if="item.dropdown"
-                icon="lucide:chevron-down"
-                width="16"
-                height="16"
-              /> -->
             </RouterLink>
 
             <div
               v-if="item.dropdown"
               v-show="activeDropdown === item.label"
               class="nav__dropdown-menu"
-              @mouseenter="handleMouseEnter(item)"
-              @mouseleave="handleMouseLeave(item)"
             >
               <RouterLink
                 v-for="subItem in item.dropdown"