48 lines
1.5 KiB
Vue
48 lines
1.5 KiB
Vue
<script setup lang="ts">
|
|
let route = useRoute()
|
|
// import { ref } from 'vue'
|
|
|
|
// const handleSelect = (key: string, keyPath: string[]) => {
|
|
// console.log(key, keyPath)
|
|
// }
|
|
const dataLoading = ref<boolean>(false)
|
|
const HotArray = ref([])
|
|
// $fetch("https://data.zziyu.cn/hot/webs").then(data=>{
|
|
// HotArray.value=data as any
|
|
// dataLoading.value=false
|
|
// })
|
|
// console.log(HotArray)
|
|
// dataLoading.value=true
|
|
</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-if="dataLoading" v-loading="dataLoading">列表</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-menu-item index="/tools/time/">大屏时钟</el-menu-item>
|
|
</el-sub-menu>
|
|
</el-menu>
|
|
</client-only>
|
|
</template>
|
|
|
|
<style scoped>
|
|
|
|
</style> |