mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-05 15:36:49 +08:00
fix loading ui
This commit is contained in:
@@ -428,11 +428,8 @@ const getImgUrl: Ref<string> = computed(() => {
|
|||||||
@error="imageLoadError = true"
|
@error="imageLoadError = true"
|
||||||
>
|
>
|
||||||
<template #placeholder>
|
<template #placeholder>
|
||||||
<div class="d-flex align-center justify-center fill-height">
|
<div class="w-full h-full">
|
||||||
<v-progress-circular
|
<VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
|
||||||
color="grey-lighten-4"
|
|
||||||
indeterminate
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<!-- 类型角标 -->
|
<!-- 类型角标 -->
|
||||||
|
|||||||
@@ -94,4 +94,8 @@ onUnmounted(() => {
|
|||||||
.card-list {
|
.card-list {
|
||||||
--v-card-list-gap: 1.5rem;
|
--v-card-list-gap: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.card-list::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -125,6 +125,7 @@ async function fetchData({ done }: { done: any }) {
|
|||||||
<template>
|
<template>
|
||||||
<VProgressCircular
|
<VProgressCircular
|
||||||
v-if="!isRefreshed"
|
v-if="!isRefreshed"
|
||||||
|
size="48"
|
||||||
class="centered"
|
class="centered"
|
||||||
indeterminate
|
indeterminate
|
||||||
color="primary"
|
color="primary"
|
||||||
|
|||||||
@@ -379,6 +379,7 @@ onBeforeMount(fetchData)
|
|||||||
</VCard>
|
</VCard>
|
||||||
<VProgressCircular
|
<VProgressCircular
|
||||||
v-if="!isRefreshed && !props.keyword"
|
v-if="!isRefreshed && !props.keyword"
|
||||||
|
size="48"
|
||||||
class="centered"
|
class="centered"
|
||||||
indeterminate
|
indeterminate
|
||||||
color="primary"
|
color="primary"
|
||||||
|
|||||||
@@ -53,6 +53,7 @@ onBeforeMount(fetchData)
|
|||||||
<template>
|
<template>
|
||||||
<VProgressCircular
|
<VProgressCircular
|
||||||
v-if="!isRefreshed"
|
v-if="!isRefreshed"
|
||||||
|
size="48"
|
||||||
class="centered"
|
class="centered"
|
||||||
indeterminate
|
indeterminate
|
||||||
color="primary"
|
color="primary"
|
||||||
|
|||||||
@@ -57,6 +57,7 @@ onUnmounted(() => {
|
|||||||
<template>
|
<template>
|
||||||
<VProgressCircular
|
<VProgressCircular
|
||||||
v-if="!isRefreshed"
|
v-if="!isRefreshed"
|
||||||
|
size="48"
|
||||||
class="centered"
|
class="centered"
|
||||||
indeterminate
|
indeterminate
|
||||||
color="primary"
|
color="primary"
|
||||||
|
|||||||
@@ -28,6 +28,7 @@ onBeforeMount(fetchData)
|
|||||||
<template>
|
<template>
|
||||||
<VProgressCircular
|
<VProgressCircular
|
||||||
v-if="!isRefreshed"
|
v-if="!isRefreshed"
|
||||||
|
size="48"
|
||||||
class="centered"
|
class="centered"
|
||||||
indeterminate
|
indeterminate
|
||||||
color="primary"
|
color="primary"
|
||||||
|
|||||||
@@ -49,6 +49,7 @@ const filteredDataList = computed(() => {
|
|||||||
<template>
|
<template>
|
||||||
<VProgressCircular
|
<VProgressCircular
|
||||||
v-if="!isRefreshed"
|
v-if="!isRefreshed"
|
||||||
|
size="48"
|
||||||
class="centered"
|
class="centered"
|
||||||
indeterminate
|
indeterminate
|
||||||
color="primary"
|
color="primary"
|
||||||
|
|||||||
Reference in New Issue
Block a user