Browse Source

顶部导航

master_hella_20240701
yufei0306 7 months ago
parent
commit
b085371136
  1. 13
      src/layout/components/CategoryHeader.vue

13
src/layout/components/CategoryHeader.vue

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

Loading…
Cancel
Save