diff --git a/web/src/view/layout/aside/asideComponent/menuItem.vue b/web/src/view/layout/aside/asideComponent/menuItem.vue
index 68832b8d..1bcf67fc 100644
--- a/web/src/view/layout/aside/asideComponent/menuItem.vue
+++ b/web/src/view/layout/aside/asideComponent/menuItem.vue
@@ -9,7 +9,7 @@
       <component :is="routerInfo.meta.icon" />
     </el-icon>
     <template v-else>
-      {{ routerInfo.meta.title[0] }}
+      {{ isCollapse ? routerInfo.meta.title[0] : "" }}
     </template>
     <template #title>
       {{ routerInfo.meta.title }}
@@ -37,6 +37,10 @@ import {computed, inject} from 'vue'
     }
   })
 
+const isCollapse = inject('isCollapse', {
+  default: false
+})
+
   const sideHeight = computed(() => {
     return config.value.layout_side_item_height + 'px'
   })