From ed783e034239eb6e52d83cd951a9caad55b2cb3f Mon Sep 17 00:00:00 2001
From: TermiNexus <wyt18222152539wyt@163.com>
Date: Tue, 18 Aug 2026 21:55:58 +0800
Subject: [PATCH] =?UTF-8?q?feat(style):=20=E8=B6=85=E7=BA=A7=E8=8F=9C?=
 =?UTF-8?q?=E5=8D=95=E4=B8=8B=E6=8B=89=E5=B1=95=E7=A4=BA=E5=8A=A8=E7=94=BB?=
 =?UTF-8?q?=20+=20=E5=88=87=E6=8D=A2=E8=8F=9C=E5=8D=95=E6=B8=90=E9=9A=90?=
 =?UTF-8?q?=E6=B8=90=E6=98=BE=EF=BC=88v-show=20=E8=BF=87=E6=B8=A1=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/SiteLayout.vue | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/layouts/SiteLayout.vue b/src/layouts/SiteLayout.vue
index b930c62..26f763e 100644
--- a/src/layouts/SiteLayout.vue
+++ b/src/layouts/SiteLayout.vue
@@ -162,7 +162,7 @@
         :key="mm.key"
         :id="'mega-menu-' + mm.key"
         class="mega-menu fixed top-16 left-0 right-0 bg-white menu-shadow z-50 overflow-y-auto md:max-h-[75vh]"
-        :class="activeMega === mm.key ? 'mega-menu-visible' : 'hidden'"
+        v-show="activeMega === mm.key"
       >
         <div class="w-full flex flex-col md:flex-row">
           <aside class="w-full md:w-80 bg-sidebar p-8">
@@ -465,17 +465,16 @@ watch(
   transition: all 0.3s;
 }
 
-/* Mega 菜单渐显动画 */
-.mega-menu {
+/* Mega 菜单：hover nav 后从 nav 后方下拉展示；切换菜单渐隐渐显（v-show 过渡） */:global(.v-enter-active),:global(.v-leave-active) {
+  transition: opacity 0.25s ease, transform 0.3s ease;
+}
+:global(.v-enter-from) {
+  opacity: 0;
+  transform: translateY(-16px);
+}
+:global(.v-leave-to) {
   opacity: 0;
   transform: translateY(-8px);
-  pointer-events: none;
-  transition: opacity 0.25s ease, transform 0.25s ease;
-}
-.mega-menu-visible {
-  opacity: 1;
-  transform: translateY(0);
-  pointer-events: auto;
 }
 
 /* 搜索框 hover/focus 平滑变宽：右侧固定，左侧向左延申至近似居中，贝塞尔曲线过渡 */