|
@ -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> |
|
|
|
|
|
) |
|
|
) |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|