fix loading ui

This commit is contained in:
jxxghp
2023-07-23 07:55:39 +08:00
parent 195069b183
commit 5a6e22ef67
8 changed files with 12 additions and 5 deletions

View File

@@ -428,11 +428,8 @@ const getImgUrl: Ref<string> = computed(() => {
@error="imageLoadError = true"
>
<template #placeholder>
<div class="d-flex align-center justify-center fill-height">
<v-progress-circular
color="grey-lighten-4"
indeterminate
/>
<div class="w-full h-full">
<VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
</div>
</template>
<!-- 类型角标 -->

View File

@@ -94,4 +94,8 @@ onUnmounted(() => {
.card-list {
--v-card-list-gap: 1.5rem;
}
.card-list::-webkit-scrollbar {
display: none;
}
</style>

View File

@@ -125,6 +125,7 @@ async function fetchData({ done }: { done: any }) {
<template>
<VProgressCircular
v-if="!isRefreshed"
size="48"
class="centered"
indeterminate
color="primary"

View File

@@ -379,6 +379,7 @@ onBeforeMount(fetchData)
</VCard>
<VProgressCircular
v-if="!isRefreshed && !props.keyword"
size="48"
class="centered"
indeterminate
color="primary"

View File

@@ -53,6 +53,7 @@ onBeforeMount(fetchData)
<template>
<VProgressCircular
v-if="!isRefreshed"
size="48"
class="centered"
indeterminate
color="primary"

View File

@@ -57,6 +57,7 @@ onUnmounted(() => {
<template>
<VProgressCircular
v-if="!isRefreshed"
size="48"
class="centered"
indeterminate
color="primary"

View File

@@ -28,6 +28,7 @@ onBeforeMount(fetchData)
<template>
<VProgressCircular
v-if="!isRefreshed"
size="48"
class="centered"
indeterminate
color="primary"

View File

@@ -49,6 +49,7 @@ const filteredDataList = computed(() => {
<template>
<VProgressCircular
v-if="!isRefreshed"
size="48"
class="centered"
indeterminate
color="primary"