style: simplify sidebar css

src/layouts/components/Sidebar/SidebarItem.vue

@@ -7,16 +7,12 @@ import path from "path-browserify"
 
 interface Props {
   item: RouteRecordRaw
-  isCollapse?: boolean
   isTop?: boolean
-  isFirstLevel?: boolean
   basePath?: string
 }
 
 const props = withDefaults(defineProps<Props>(), {
-  isCollapse: false,
   isTop: false,
-  isFirstLevel: true,
   basePath: ""
 })
 
@@ -60,7 +56,6 @@ const resolvePath = (routePath: string) => {
 </script>
 
 <template>
-  <div :class="{ 'simple-mode': props.isCollapse && !isTop, 'first-level': props.isFirstLevel }">
   <template v-if="!alwaysShowRootMenu && theOnlyOneChild && !theOnlyOneChild.children">
     <SidebarItemLink v-if="theOnlyOneChild.meta" :to="resolvePath(theOnlyOneChild.path)">
       <el-menu-item :index="resolvePath(theOnlyOneChild.path)">
@@ -83,13 +78,10 @@ const resolvePath = (routePath: string) => {
         v-for="child in showingChildren"
         :key="child.path"
         :item="child"
-          :is-collapse="props.isCollapse"
-          :is-first-level="false"
         :base-path="resolvePath(child.path)"
       />
     </template>
   </el-sub-menu>
-  </div>
 </template>
 
 <style lang="scss" scoped>
@@ -104,17 +96,4 @@ const resolvePath = (routePath: string) => {
   margin-right: 12px;
   font-size: 18px;
 }
-
-.simple-mode {
-  &.first-level {
-    :deep(.el-sub-menu) {
-      .el-sub-menu__icon-arrow {
-        display: none;
-      }
-      span {
-        visibility: hidden;
-      }
-    }
-  }
-}
 </style>

src/layouts/components/Sidebar/index.vue

@@ -68,7 +68,6 @@ const hiddenScrollbarVerticalBar = computed(() => {
           :key="route.path"
           :item="route"
           :base-path="route.path"
-          :is-collapse="isCollapse"
           :is-top="isTop"
         />
       </el-menu>