fix(顶部菜单): 修复顶部菜单模式，菜单布局不生效。 (fix vbenjs#121)

sunHsl · Oct 25, 2023 · 0713c88 · 0713c88
1 parent 311b249
commit 0713c88
Showing 1 changed file with 5 additions and 17 deletions.
diff --git a/packages/layouts/src/components/menu/index.vue b/packages/layouts/src/components/menu/index.vue
@@ -108,7 +108,11 @@ const routerToMenu = (item: RouteRecordItem & RouteMeta) => {
 
     <VbenScrollbar :class="bem('scrollbar')">
       <VbenMenu
-        :class="getTopMenuAlign"
+        class="w-full"
+        :style="{
+          justifyContent:
+            getTopMenuAlign === 'center' ? 'center' : `flex-${getTopMenuAlign}`,
+        }"
         v-model:value="activeKey"
         :options="menuList"
         :collapsed="getMenuCollapsed"
@@ -143,21 +147,5 @@ div:has(> div[class='layout-menu']) {
     flex: 1;
     flex-basis: auto;
   }
-
-  & .n-menu--horizontal {
-    width: 100%;
-
-    &.start {
-      justify-content: flex-start;
-    }
-
-    &.center {
-      justify-content: center;
-    }
-
-    &.end {
-      justify-content: flex-end;
-    }
-  }
 }
 </style>