maxkb/ui/src/layout/layout-header/top-menu/index.vue
wangdan-fit2cloud 0ae489a50b feat: layout
2025-05-08 16:23:13 +08:00

27 lines
618 B
Vue

<template>
<div class="top-menu-container flex align-center h-full">
<MenuItem
:menu="menu"
v-hasPermission="menu.meta?.permission"
v-for="(menu, index) in topMenuList"
:key="index"
>
</MenuItem>
</div>
</template>
<script setup lang="ts">
import { computed } from 'vue'
import { getChildRouteListByPathAndName } from '@/router/index'
import MenuItem from './MenuItem.vue'
const topMenuList = computed(() => {
return getChildRouteListByPathAndName('/', 'home')
})
</script>
<style lang="scss" scope>
.top-menu-container {
line-height: var(--app-header-height);
}
</style>