feat:文章页接入骨架屏
This commit is contained in:
@@ -69,10 +69,14 @@
|
|||||||
</el-collapse-item>
|
</el-collapse-item>
|
||||||
</el-collapse>
|
</el-collapse>
|
||||||
<el-divider v-show="topDiscussList.length > 0" />
|
<el-divider v-show="topDiscussList.length > 0" />
|
||||||
|
<template v-if="discussList.length > 0">
|
||||||
<div class="div-item" v-for="i in discussList">
|
<div class="div-item" v-for="i in discussList">
|
||||||
<DisscussCard :discuss="i" />
|
<DisscussCard :discuss="i" />
|
||||||
</div>
|
</div>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
|
<Skeleton :isBorder="true" />
|
||||||
|
</template>
|
||||||
<div>
|
<div>
|
||||||
<el-pagination
|
<el-pagination
|
||||||
v-model:current-page="query.skipCount"
|
v-model:current-page="query.skipCount"
|
||||||
@@ -108,6 +112,7 @@ import BottomInfo from "@/components/BottomInfo.vue";
|
|||||||
import { getPermission } from "@/utils/auth";
|
import { getPermission } from "@/utils/auth";
|
||||||
import useAuths from "@/hooks/useAuths";
|
import useAuths from "@/hooks/useAuths";
|
||||||
import { Session } from "@/utils/storage";
|
import { Session } from "@/utils/storage";
|
||||||
|
import Skeleton from "@/components/Skeleton/index.vue";
|
||||||
|
|
||||||
const { getToken, clearStorage } = useAuths();
|
const { getToken, clearStorage } = useAuths();
|
||||||
//数据定义
|
//数据定义
|
||||||
|
|||||||
Reference in New Issue
Block a user