From a98cb7f3bf6e7372fa6aeee38ea433ae3ad46f0c Mon Sep 17 00:00:00 2001
From: SunWuyuan <1847261658@qq.com>
Date: Sun, 1 Sep 2024 11:36:30 +0800
Subject: [PATCH] 1

---
 src/assets/43-lazyload.png       | Bin 0 -> 1180 bytes
 src/pages/proxy/explore.vue      |   2 +-
 src/pages/proxy/index.vue        |   7 ++++---
 src/pages/proxy/search.vue       |   2 +-
 src/pages/proxy/studios/[id].vue |   2 +-
 5 files changed, 7 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/43-lazyload.png

diff --git a/src/assets/43-lazyload.png b/src/assets/43-lazyload.png
new file mode 100644
index 0000000000000000000000000000000000000000..08d9534b28a9d31063722c6305118658db0fd4d6
GIT binary patch
literal 1180
zcmeAS@N?(olHy`uVBq!ia0y~yV4MKNIvi|3k+<8Q9s*K~#X;^)4C~IxyaaMsik&<|
zIDnvrBc%h#b@Oy_45^s&_PQZ&g98JLqr#RgKf+rXTWq9mJo|jIr|GrXcKi1d(hPq}
z&d4zwn8m`<;NrmGF-nc-AUOAXmMvq0Xr%&!3KNrq(kM03gFrsSgUuxAZ#O5fgkkV>
L^>bP0l+XkKxy`^A

literal 0
HcmV?d00001

diff --git a/src/pages/proxy/explore.vue b/src/pages/proxy/explore.vue
index ac0fe3a..7c95f62 100644
--- a/src/pages/proxy/explore.vue
+++ b/src/pages/proxy/explore.vue
@@ -58,7 +58,7 @@
     <v-row>
       <v-col cols=" 12" md="3" v-for="info in projects" :key="info">
         <v-card :to="'/proxy/' + info.id">
-          <v-img :src="`${scratch_proxy}/thumbnails/${info.id}`" cover></v-img
+          <v-img :src="`${scratch_proxy}/thumbnails/${info.id}`" cover   lazy-src="../../assets/43-lazyload.png"></v-img
           ><v-card-item>
             <v-card-title>{{ info.title }}</v-card-title>
 
diff --git a/src/pages/proxy/index.vue b/src/pages/proxy/index.vue
index 2d827db..b361484 100644
--- a/src/pages/proxy/index.vue
+++ b/src/pages/proxy/index.vue
@@ -9,7 +9,6 @@
         <v-btn href="https://scratch.mit.edu/explore/projects/all">Scratch上的发现页</v-btn>
         <v-btn href="https://scratch.mit.edu/terms_of_use" target="_blank">Scratch使用条款</v-btn>
       </template> </v-card><br />
-
     <v-progress-linear :active="ProjectsLoading" height="4" indeterminate></v-progress-linear>
     <div class="mb-2">
       <v-chip><v-icon icon="mdi-clock" start></v-icon>本页加载用时{{
@@ -22,13 +21,15 @@
       <v-row>
         <v-col cols="4" md="2" v-for="info in name" :key="info">
           <v-card :to="'/proxy/' + info.id" v-if="info.type == 'project'">
-            <v-img :src="`${scratch_proxy}/thumbnails/${info.id}`" cover></v-img><v-card-item>
+
+            <v-img :src="`${scratch_proxy}/thumbnails/${info.id}`" cover  lazy-src="../../assets/43-lazyload.png"></v-img><v-card-item>
               <v-card-title>{{ info.title }}</v-card-title>
               <v-card-subtitle>{{ info.creator }}</v-card-subtitle>
             </v-card-item>
+
           </v-card>
           <v-card :to="'/proxy/studios/' + info.id" v-if="info.type == 'gallery'">
-            <v-img :src="`${scratch_proxy}/thumbnails/${info.id}`" cover></v-img><v-card-item>
+<v-card-item>
               <v-card-title>{{ info.title }}</v-card-title>
 
               <v-card-subtitle>{{ info.id }}</v-card-subtitle>
diff --git a/src/pages/proxy/search.vue b/src/pages/proxy/search.vue
index 5fc297f..6d1028e 100644
--- a/src/pages/proxy/search.vue
+++ b/src/pages/proxy/search.vue
@@ -55,7 +55,7 @@
     <v-row>
       <v-col cols="4" md="2" v-for="info in projects" :key="info">
         <v-card :to="'/proxy/' + info.id">
-          <v-img :src="`${scratch_proxy}/thumbnails/${info.id}`" cover></v-img
+          <v-img :src="`${scratch_proxy}/thumbnails/${info.id}`" cover   lazy-src="../../assets/43-lazyload.png"></v-img
           ><v-card-item>
             <v-card-title>{{ info.title }}</v-card-title>
 
diff --git a/src/pages/proxy/studios/[id].vue b/src/pages/proxy/studios/[id].vue
index 80446db..6c87345 100644
--- a/src/pages/proxy/studios/[id].vue
+++ b/src/pages/proxy/studios/[id].vue
@@ -126,7 +126,7 @@
       <v-row>
         <v-col cols="4" md="2" v-for="info in projects" :key="info">
           <v-card :to="'/proxy/' + info.id">
-            <v-img :src="`${scratch_proxy}/thumbnails/${info.id}`" cover></v-img><v-card-item>
+            <v-img :src="`${scratch_proxy}/thumbnails/${info.id}`" cover   lazy-src="../../../assets/43-lazyload.png"></v-img><v-card-item>
               <template v-slot:prepend>
                 <v-avatar :image="`${this.scratch_proxy}/avatars/${info.actor_id}`"></v-avatar>
               </template><v-card-title>{{ info.title }}</v-card-title>