From 0a9b053dff76c97b13e88cd51a68febd891aa307 Mon Sep 17 00:00:00 2001
From: jiangrui <jiangrui@01lb.com.cn>
Date: Sat, 8 Mar 2025 20:04:57 +0800
Subject: [PATCH] Optimized image loading

---
 frontend/src/components/Home/ResourceCard.vue  | 9 +++++++--
 frontend/src/components/Home/ResourceTable.vue | 6 +++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Home/ResourceCard.vue b/frontend/src/components/Home/ResourceCard.vue
index 62dc322..fa90887 100644
--- a/frontend/src/components/Home/ResourceCard.vue
+++ b/frontend/src/components/Home/ResourceCard.vue
@@ -12,7 +12,11 @@
         <div class="detail-cover">
           <el-image
             class="cover-image"
-            :src="`/tele-images/?url=${encodeURIComponent(currentResource.image as string)}`"
+            :src="
+              userStore.imagesSource === 'proxy'
+                ? `/tele-images/?url=${encodeURIComponent(currentResource.image as string)}`
+                : currentResource.image
+            "
             fit="cover"
           />
           <el-tag
@@ -73,7 +77,7 @@
             class="channel-logo"
             scroll-container="#pc-resources-content"
             fit="cover"
-            lazy
+            loading="lazy"
           />
           <span>{{ group.channelInfo.name }}</span>
           <span class="item-count">({{ group.list.length }})</span>
@@ -257,6 +261,7 @@ const handleLoadMore = (channelId: string) => {
         border-radius: 50%;
         overflow: hidden;
         box-shadow: var(--theme-shadow-sm);
+        margin-right: 8px;
       }
 
       .item-count {
diff --git a/frontend/src/components/Home/ResourceTable.vue b/frontend/src/components/Home/ResourceTable.vue
index 1707004..8b11cb4 100644
--- a/frontend/src/components/Home/ResourceTable.vue
+++ b/frontend/src/components/Home/ResourceTable.vue
@@ -22,7 +22,11 @@
                 "
                 hide-on-click-modal
                 :preview-src-list="[
-                  `${location.origin}/tele-images/?url=${encodeURIComponent(row.image as string)}`,
+                  `${location.origin}${
+                    userStore.imagesSource === 'proxy'
+                      ? '/tele-images/?url=' + encodeURIComponent(row.image as string)
+                      : row.image
+                  }`,
                 ]"
                 :zoom-rate="1.2"
                 :max-scale="7"