From 06e5ba45154ac4b6c21ec35bb1cc8d102cb4b792 Mon Sep 17 00:00:00 2001
From: liuyun <liuyun@liuyuns-MacBook-Pro-M4.local>
Date: Wed, 14 Oct 2026 13:59:13 +0800
Subject: [PATCH] =?UTF-8?q?feat(layout):=20=E9=A1=B6=E9=83=A8=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=20top=20=E5=B8=83=E5=B1=80=E8=8F=9C=E5=8D=95=E4=B9=9F?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=97=A0=E9=99=90=E7=BA=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- top 布局横向菜单改用 ty-menu-node 递归渲染
- 统一 icon 间距样式（:deep(.icon) 替代 .menu-icon）

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/ty-header.vue | 14 +++-----------
 1 file changed, 3 insertions(+), 11 deletions(-)

diff --git a/src/components/ty-header.vue b/src/components/ty-header.vue
index 880fa86..26801a5 100644
--- a/src/components/ty-header.vue
+++ b/src/components/ty-header.vue
@@ -20,17 +20,9 @@
         @select="onNavSelect"
       >
         <template v-for="item in menus" :key="item.code">
-          <el-sub-menu v-if="layout === 'top' && item.children?.length" :index="item.code">
-            <template #title>
-              <icon type="iconify" :icon="item.icon ?? 'mdi:menu'" class="menu-icon" />
-              <span>{{ item.name }}</span>
-            </template>
-            <el-menu-item v-for="child in item.children" :key="child.code" :index="child.path ?? child.code">
-              {{ child.name }}
-            </el-menu-item>
-          </el-sub-menu>
+          <ty-menu-node v-if="layout === 'top'" :node="item" />
           <el-menu-item v-else :index="item.code">
-            <icon type="iconify" :icon="item.icon ?? 'mdi:menu'" class="menu-icon" />
+            <icon type="iconify" :icon="item.icon ?? 'mdi:menu'" />
             <span>{{ item.name }}</span>
           </el-menu-item>
         </template>
@@ -219,7 +211,7 @@ function onUserCommand(command: string): void {
       color: var(--el-color-primary);
     }
 
-    :deep(.menu-icon) {
+    :deep(.icon) {
       @apply mr-1 text-base;
     }
   }