test/datacap
1
0
Fork 0
mirror of https://gitee.com/devlive-community/datacap.git synced 2024-11-30 19:17:46 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

[Core] [Layout] Support parent menu selection highlighting display

Browse Source
This commit is contained in:
qianmoQ 2024-04-12 21:22:22 +08:00
parent 9a768c8d29
commit c09fc2bd10
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
core/datacap-ui/src/views/layouts/common/components/LayoutHeader.vue
View File

@ -16,7 +16,9 @@
<NavigationMenuList>
<div v-for="item in activeMenus" :key="item.id">
<NavigationMenuItem v-if="item.children">
<NavigationMenuTrigger>{{ $t(item.i18nKey) }}</NavigationMenuTrigger>
<NavigationMenuTrigger :class="`${item.children.map(i => i.url).includes($route.path) ? 'bg-muted hover:bg-muted' : ''}`">
{{ $t(item.i18nKey) }}
</NavigationMenuTrigger>
<NavigationMenuContent>
<ul class="grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[minmax(0,.75fr)_minmax(0,1fr)]">
<NavigationMenuListItem v-for="children in item.children" :title="$t(children.i18nKey)" :href="children.url">