DataFront/components/index/TopBar.vue
2023-09-02 10:58:39 +08:00

41 lines
1.2 KiB
Vue

<script setup lang="ts">
let route = useRoute()
// import { ref } from 'vue'
// const handleSelect = (key: string, keyPath: string[]) => {
// console.log(key, keyPath)
// }
const HotArray = await $fetch("https://data.zziyu.cn/hot/webs")
// console.log(HotArray)
</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 v-for="(item,index) in HotArray" :key="index" :index="'/data/'+item">{{item}}</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>