From 5a6e22ef675d81f8ddd0ed1b4ea4373c0ea6b703 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Sun, 23 Jul 2023 07:55:39 +0800
Subject: [PATCH] fix loading ui

---
 src/components/cards/MediaCard.vue           | 7 ++-----
 src/views/dashboard/AnalyticsScheduler.vue   | 4 ++++
 src/views/discover/MediaCardListView.vue     | 1 +
 src/views/discover/TorrentCardListView.vue   | 1 +
 src/views/plugin/PluginCardListView.vue      | 1 +
 src/views/reorganize/DownloadingListView.vue | 1 +
 src/views/site/SiteCardListView.vue          | 1 +
 src/views/subscribe/SubscribeListView.vue    | 1 +
 8 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/components/cards/MediaCard.vue b/src/components/cards/MediaCard.vue
index 25b3e696..c9c6cdda 100644
--- a/src/components/cards/MediaCard.vue
+++ b/src/components/cards/MediaCard.vue
@@ -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>
           <!-- 类型角标 -->
diff --git a/src/views/dashboard/AnalyticsScheduler.vue b/src/views/dashboard/AnalyticsScheduler.vue
index 80578086..27aab60a 100644
--- a/src/views/dashboard/AnalyticsScheduler.vue
+++ b/src/views/dashboard/AnalyticsScheduler.vue
@@ -94,4 +94,8 @@ onUnmounted(() => {
 .card-list {
   --v-card-list-gap: 1.5rem;
 }
+
+.card-list::-webkit-scrollbar {
+  display: none;
+}
 </style>
diff --git a/src/views/discover/MediaCardListView.vue b/src/views/discover/MediaCardListView.vue
index ed232294..d40fd7c6 100644
--- a/src/views/discover/MediaCardListView.vue
+++ b/src/views/discover/MediaCardListView.vue
@@ -125,6 +125,7 @@ async function fetchData({ done }: { done: any }) {
 <template>
   <VProgressCircular
     v-if="!isRefreshed"
+    size="48"
     class="centered"
     indeterminate
     color="primary"
diff --git a/src/views/discover/TorrentCardListView.vue b/src/views/discover/TorrentCardListView.vue
index d91dc5bb..0a5d3c6f 100644
--- a/src/views/discover/TorrentCardListView.vue
+++ b/src/views/discover/TorrentCardListView.vue
@@ -379,6 +379,7 @@ onBeforeMount(fetchData)
   </VCard>
   <VProgressCircular
     v-if="!isRefreshed && !props.keyword"
+    size="48"
     class="centered"
     indeterminate
     color="primary"
diff --git a/src/views/plugin/PluginCardListView.vue b/src/views/plugin/PluginCardListView.vue
index b6551159..bea3c282 100644
--- a/src/views/plugin/PluginCardListView.vue
+++ b/src/views/plugin/PluginCardListView.vue
@@ -53,6 +53,7 @@ onBeforeMount(fetchData)
 <template>
   <VProgressCircular
     v-if="!isRefreshed"
+    size="48"
     class="centered"
     indeterminate
     color="primary"
diff --git a/src/views/reorganize/DownloadingListView.vue b/src/views/reorganize/DownloadingListView.vue
index 756ee361..57bad9c5 100644
--- a/src/views/reorganize/DownloadingListView.vue
+++ b/src/views/reorganize/DownloadingListView.vue
@@ -57,6 +57,7 @@ onUnmounted(() => {
 <template>
   <VProgressCircular
     v-if="!isRefreshed"
+    size="48"
     class="centered"
     indeterminate
     color="primary"
diff --git a/src/views/site/SiteCardListView.vue b/src/views/site/SiteCardListView.vue
index 4fcb4c97..bf746912 100644
--- a/src/views/site/SiteCardListView.vue
+++ b/src/views/site/SiteCardListView.vue
@@ -28,6 +28,7 @@ onBeforeMount(fetchData)
 <template>
   <VProgressCircular
     v-if="!isRefreshed"
+    size="48"
     class="centered"
     indeterminate
     color="primary"
diff --git a/src/views/subscribe/SubscribeListView.vue b/src/views/subscribe/SubscribeListView.vue
index a50d78b9..e971b4a4 100644
--- a/src/views/subscribe/SubscribeListView.vue
+++ b/src/views/subscribe/SubscribeListView.vue
@@ -49,6 +49,7 @@ const filteredDataList = computed(() => {
 <template>
   <VProgressCircular
     v-if="!isRefreshed"
+    size="48"
     class="centered"
     indeterminate
     color="primary"