1

ZeroCatDev · Sep 1, 2024 · a98cb7f · a98cb7f
1 parent 4aae7b8
commit a98cb7f
Show file tree

Hide file tree

Showing 5 changed files with 7 additions and 6 deletions.
diff --git a/src/assets/43-lazyload.png b/src/assets/43-lazyload.png
diff --git 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
@@ -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
@@ -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
@@ -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>