mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-12 02:21:06 +08:00
fix loading ui
This commit is contained in:
@@ -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>
|
||||
<!-- 类型角标 -->
|
||||
|
||||
@@ -94,4 +94,8 @@ onUnmounted(() => {
|
||||
.card-list {
|
||||
--v-card-list-gap: 1.5rem;
|
||||
}
|
||||
|
||||
.card-list::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -125,6 +125,7 @@ async function fetchData({ done }: { done: any }) {
|
||||
<template>
|
||||
<VProgressCircular
|
||||
v-if="!isRefreshed"
|
||||
size="48"
|
||||
class="centered"
|
||||
indeterminate
|
||||
color="primary"
|
||||
|
||||
@@ -379,6 +379,7 @@ onBeforeMount(fetchData)
|
||||
</VCard>
|
||||
<VProgressCircular
|
||||
v-if="!isRefreshed && !props.keyword"
|
||||
size="48"
|
||||
class="centered"
|
||||
indeterminate
|
||||
color="primary"
|
||||
|
||||
@@ -53,6 +53,7 @@ onBeforeMount(fetchData)
|
||||
<template>
|
||||
<VProgressCircular
|
||||
v-if="!isRefreshed"
|
||||
size="48"
|
||||
class="centered"
|
||||
indeterminate
|
||||
color="primary"
|
||||
|
||||
@@ -57,6 +57,7 @@ onUnmounted(() => {
|
||||
<template>
|
||||
<VProgressCircular
|
||||
v-if="!isRefreshed"
|
||||
size="48"
|
||||
class="centered"
|
||||
indeterminate
|
||||
color="primary"
|
||||
|
||||
@@ -28,6 +28,7 @@ onBeforeMount(fetchData)
|
||||
<template>
|
||||
<VProgressCircular
|
||||
v-if="!isRefreshed"
|
||||
size="48"
|
||||
class="centered"
|
||||
indeterminate
|
||||
color="primary"
|
||||
|
||||
@@ -49,6 +49,7 @@ const filteredDataList = computed(() => {
|
||||
<template>
|
||||
<VProgressCircular
|
||||
v-if="!isRefreshed"
|
||||
size="48"
|
||||
class="centered"
|
||||
indeterminate
|
||||
color="primary"
|
||||
|
||||
Reference in New Issue
Block a user