30 lines
587 B
Vue
30 lines
587 B
Vue
<template>
|
|
<a-menu
|
|
:selectedKeys="activeMenus"
|
|
mode="inline"
|
|
:inline-collapsed="false"
|
|
class="system-menus"
|
|
>
|
|
<menu-item :menu-list="SYSTEM_MENUS"/>
|
|
</a-menu>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {computed} from "vue";
|
|
import {useRoute} from "vue-router";
|
|
import {SYSTEM_MENUS} from "@/config";
|
|
import MenuItem from "@/components/layout/MenuItem.vue";
|
|
|
|
const route = useRoute()
|
|
|
|
const activeMenus = computed(() => [route.path]);
|
|
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.system-menus {
|
|
height: calc(100% - 100px);
|
|
overflow-y: auto;
|
|
}
|
|
</style>
|