Browse Source

调整 web-admin 侧边栏菜单图标展示规则。

仅保留一级菜单图标,移除二级及以下菜单前置 icon,统一导航视觉层级。

Made-with: Cursor
zlwu 6 months ago
parent
commit
dd9a28dbd6

+ 2 - 2
web-admin/src/components/core/layouts/art-menus/art-sidebar-menu/widget/SidebarSubmenu.vue

@@ -2,7 +2,7 @@
   <template v-for="(item, index) in filteredMenuItems" :key="getUniqueKey(item, index)">
   <template v-for="(item, index) in filteredMenuItems" :key="getUniqueKey(item, index)">
     <ElSubMenu v-if="hasChildren(item)" :index="item.path || item.meta.title" :level="level">
     <ElSubMenu v-if="hasChildren(item)" :index="item.path || item.meta.title" :level="level">
       <template #title>
       <template #title>
-        <div class="menu-icon flex-cc">
+        <div v-if="level === 0" class="menu-icon flex-cc">
           <ArtSvgIcon
           <ArtSvgIcon
             :icon="item.meta.icon"
             :icon="item.meta.icon"
             :color="theme?.iconColor"
             :color="theme?.iconColor"
@@ -30,7 +30,7 @@
       :level-item="level + 1"
       :level-item="level + 1"
       @click="goPage(item)"
       @click="goPage(item)"
     >
     >
-      <div class="menu-icon flex-cc">
+      <div v-if="level === 0" class="menu-icon flex-cc">
         <ArtSvgIcon
         <ArtSvgIcon
           :icon="item.meta.icon"
           :icon="item.meta.icon"
           :color="theme?.iconColor"
           :color="theme?.iconColor"