动态菜单50px

src/assets/styles/index.scss

@@ -128,7 +128,8 @@ aside {
   &.scroller {
     display: flex;
     flex-direction: column;
-    height: calc(var(--app-height) - var(--navbar-height) - var(--container-pd));
+    height: calc(var(--app-height) - var(--navbar-height) - var(--container-pd) - var(--submenu-height, 0px));
+  
     .app-container {
       &__body,
       &__wrap {

src/layout/components/Sidebar/index.vue

@@ -87,7 +87,12 @@ const appStore = useAppStore()
 const userStore = useUserStore()
 const settingsStore = useSettingsStore()
 const permissionStore = usePermissionStore()
-
+watch(() => submenuItems.value.length, (newVal) => {
+  document.documentElement.style.setProperty(
+    '--submenu-height', 
+    newVal > 0 ? '50px' : '0px'
+  );
+}, { immediate: true });
 
 // 转换接口数据为组件需要的格式
 const processedRouters = computed(() => {