顶部列表异步动画

This commit is contained in:
ZtRXR 2023-09-03 12:13:58 +08:00
parent 842db049e7
commit 5f22be2844

View File

@ -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>-->