From 2d97f31538ff663d159f6e2cf5953a6232865050 Mon Sep 17 00:00:00 2001
From: hooray <304327508@qq.com>
Date: Fri, 4 Mar 2022 10:22:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=AF=BC=E8=88=AA?=
 =?UTF-8?q?=E6=8A=98=E5=8F=A0=E6=97=B6=E9=9A=90=E8=97=8F=E7=AE=AD=E5=A4=B4?=
 =?UTF-8?q?=E5=9B=BE=E6=A0=87=EF=BC=8C=E4=BB=A3=E7=A0=81=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/SidebarItem/index.vue | 11 ++++++++---
 src/layout/components/SubSidebar/index.vue  |  7 ++-----
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/layout/components/SidebarItem/index.vue b/src/layout/components/SidebarItem/index.vue
index a46be27d..04423e19 100644
--- a/src/layout/components/SidebarItem/index.vue
+++ b/src/layout/components/SidebarItem/index.vue
@@ -27,13 +27,15 @@ const hasChildren = computed(() => {
 </script>
 
 <template>
-    <div v-if="item.meta.sidebar !== false" class="sidebar-item">
+    <div class="sidebar-item">
         <el-sub-menu v-if="item.path == undefined" :title="item.meta.title" :index="JSON.stringify(item)">
             <template #title>
                 <svg-icon v-if="item.meta.icon" :name="item.meta.icon" />
                 <span class="title">{{ item.meta.title }}</span>
             </template>
-            <SidebarItem v-for="route in item.children" :key="route.path" :item="route" />
+            <template v-for="route in item.children">
+                <SidebarItem v-if="route.meta.sidebar !== false" :key="route.path" :item="route" />
+            </template>
         </el-sub-menu>
         <router-link v-else-if="!hasChildren" v-slot="{ href, navigate, isActive, isExactActive }" custom :to="resolveRoutePath(basePath, item.path)">
             <a :href="isExternalLink(resolveRoutePath(basePath, item.path)) ? resolveRoutePath(basePath, item.path) : href" :class="[isActive && 'router-link-active', isExactActive && 'router-link-exact-active']" :target="isExternalLink(resolveRoutePath(basePath, item.path)) ? '_blank' : '_self'" @click="navigate">
@@ -48,7 +50,9 @@ const hasChildren = computed(() => {
                 <svg-icon v-if="item.meta.icon" :name="item.meta.icon" />
                 <span class="title">{{ item.meta.title }}</span>
             </template>
-            <SidebarItem v-for="route in item.children" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path)" />
+            <template v-for="route in item.children">
+                <SidebarItem v-if="route.meta.sidebar !== false" :key="route.path" :item="route" :base-path="resolveRoutePath(basePath, item.path)" />
+            </template>
         </el-sub-menu>
     </div>
 </template>
@@ -66,6 +70,7 @@ const hasChildren = computed(() => {
 :deep(.el-sub-menu__title) {
     display: flex;
     align-items: center;
+    justify-content: center;
 }
 :deep(.el-sub-menu),
 :deep(.el-menu-item) {
diff --git a/src/layout/components/SubSidebar/index.vue b/src/layout/components/SubSidebar/index.vue
index 5992a35e..74fbe6de 100644
--- a/src/layout/components/SubSidebar/index.vue
+++ b/src/layout/components/SubSidebar/index.vue
@@ -113,12 +113,9 @@ function onSidebarScroll(e) {
             }
             :deep(.el-menu-item),
             :deep(.el-sub-menu__title) {
-                span {
-                    display: none;
-                }
+                span,
                 .el-sub-menu__icon-arrow {
-                    right: 7px;
-                    margin-top: -5px;
+                    display: none;
                 }
             }
         }