顶部导航

src/layout/components/CategoryHeader.vue

@@ -45,15 +45,17 @@ export default defineComponent({
     // backgroundColor="var(--left-menu-bg-color)"
     // textColor="var(--left-menu-text-color)"
     return () => (
-      <div
+      <ElMenu
         id={`${variables.namespace}-tool-header`}
+        popperOffset={16}
         class={[
           prefixCls,
           'h-[var(--top-category-height)] relative px-[var(--top-tool-p-x)] flex items-center justify-between',
-          'dark:bg-[var(--el-bg-color)]'
+          'dark:bg-[var(--el-bg-color)]',
+          {
+            'width':'200px'
+          }
         ]}
-      >
-      <ElMenu style="width:100%"
           mode="horizontal"
           backgroundColor="white"
           textColor="var(--left-menu-bg-color)"
@@ -69,7 +71,6 @@ export default defineComponent({
                 appStore.setCategoryRoutePath(categoryRouters[0].path)
               }
               
-
               {/* default: () => renderMenuTitle(onlyOneChild ? onlyOneChild?.meta : meta) */}
               return categoryRouters.map((v) => {
                 const meta = (v.meta ?? {}) as RouteMeta
@@ -89,9 +90,7 @@ export default defineComponent({
               })
             }
         }}
-        </ElMenu>
-      
-      </div>
+      </ElMenu>
     )
   }
 })