From bcb6f74ee3c3c77019cbabd3b40e34e6bbd2bf54 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Fri, 4 Aug 2023 12:47:00 +0800
Subject: [PATCH] fix img loading

---
 src/views/subscribe/FullCalendarView.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/views/subscribe/FullCalendarView.vue b/src/views/subscribe/FullCalendarView.vue
index a499a251..5bb5557a 100644
--- a/src/views/subscribe/FullCalendarView.vue
+++ b/src/views/subscribe/FullCalendarView.vue
@@ -49,7 +49,7 @@ async function getSubscribes() {
 
           return {
             title: subscribe.name,
-            subtitle: "",
+            subtitle: '',
             start: parseDate(movie.release_date || ''),
             allDay: false,
             posterPath: subscribe.poster,
@@ -103,7 +103,13 @@ onMounted(() => {
                 aspect-ratio="2/3"
                 class="object-cover rounded shadow ring-gray-500"
                 cover
-              />
+              >
+                <template #placeholder>
+                  <div class="w-full h-full">
+                    <VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
+                  </div>
+                </template>
+              </VImg>
             </div>
             <div>
               <VCardSubtitle class="pa-2 font-bold break-words whitespace-break-spaces">
@@ -127,7 +133,13 @@ onMounted(() => {
               aspect-ratio="2/3"
               class="object-cover rounded shadow ring-gray-500"
               cover
-            />
+            >
+              <template #placeholder>
+                <div class="w-full h-full">
+                  <VSkeletonLoader class="object-cover aspect-w-2 aspect-h-3" />
+                </div>
+              </template>
+            </VImg>
           </template>
         </VTooltip>
       </div>