DataFront/components/index/TopBar.vue

37 lines
1012 B
Vue

<script setup lang="ts">
let route = useRoute()
// import { ref } from 'vue'
// const handleSelect = (key: string, keyPath: string[]) => {
// console.log(key, keyPath)
// }
</script>
<template>
<Title>ZZIYU DATA</Title>
<client-only>
<el-menu
:default-active="route.path"
class="el-menu-demo"
mode="horizontal"
:router="true"
>
<el-menu-item index="/">ZZIYU DataWeb</el-menu-item>
<div class="flex-grow" />
<el-sub-menu index="/data/all">
<template #title>数据收集</template>
<el-menu-item index="/data/all">总览</el-menu-item>
<el-menu-item index="/data/bilibili">bilibili</el-menu-item>
<el-menu-item index="/data/baidu">baidu</el-menu-item>
</el-sub-menu>
<el-sub-menu index="/tools">
<template #title>工具</template>
<el-menu-item index="/tools/qqazk/">笔顺码字典</el-menu-item>
</el-sub-menu>
</el-menu>
</client-only>
</template>
<style scoped>
</style>