顶部列表异步动画
This commit is contained in:
parent
842db049e7
commit
5f22be2844
@ -5,10 +5,11 @@ let route = useRoute()
|
|||||||
// const handleSelect = (key: string, keyPath: string[]) => {
|
// const handleSelect = (key: string, keyPath: string[]) => {
|
||||||
// console.log(key, keyPath)
|
// console.log(key, keyPath)
|
||||||
// }
|
// }
|
||||||
|
const dataLoading = ref<boolean>(true)
|
||||||
const HotArray = ref([])
|
const HotArray = ref([])
|
||||||
$fetch("https://data.zziyu.cn/hot/webs").then(data=>{
|
$fetch("https://data.zziyu.cn/hot/webs").then(data=>{
|
||||||
HotArray.value=data as any
|
HotArray.value=data as any
|
||||||
|
dataLoading.value=false
|
||||||
})
|
})
|
||||||
// console.log(HotArray)
|
// console.log(HotArray)
|
||||||
</script>
|
</script>
|
||||||
@ -27,6 +28,7 @@ $fetch("https://data.zziyu.cn/hot/webs").then(data=>{
|
|||||||
<el-sub-menu index="/data/all">
|
<el-sub-menu index="/data/all">
|
||||||
<template #title>数据收集</template>
|
<template #title>数据收集</template>
|
||||||
<el-menu-item index="/data/all">总览</el-menu-item>
|
<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 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/bilibili">bilibili</el-menu-item>-->
|
||||||
<!-- <el-menu-item index="/data/baidu">baidu</el-menu-item>-->
|
<!-- <el-menu-item index="/data/baidu">baidu</el-menu-item>-->
|
||||||
|
Loading…
Reference in New Issue
Block a user