From 57edbcedb487e0a8626ee0281e6c7d89ac59fbf0 Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Thu, 20 Feb 2025 11:39:53 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E5=B0=81=E9=9D=A2=E7=9A=84=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Icon/IconFile.vue       | 10 +++-------
 src/components/preview/FileDetails.vue |  2 ++
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/components/Icon/IconFile.vue b/src/components/Icon/IconFile.vue
index a9943ad..cb78240 100644
--- a/src/components/Icon/IconFile.vue
+++ b/src/components/Icon/IconFile.vue
@@ -33,12 +33,11 @@
     <div v-if="item.tags && item.tags.length > 0 && !public">
         <div v-if="pc">
           <svg-icon v-if="grid" class="pc grid icon-tag" icon-class="tag2" :style="{left: 14 * index + 'px', color: tag.color}" v-for="(tag,index) in item.tags.slice(0, 3)" :key="tag.tagId"/>
-          <!--     列表模式下只能显示一个标签     -->
-          <svg-icon v-else class="pc list icon-tag" icon-class="tag2" :style="{color: tag.color}" v-for="tag in item.tags.slice(0, 1)" :key="tag.tagId"/>
+          <svg-icon v-if="!grid" class="pc list icon-tag" icon-class="tag2" :style="{color: tag.color}" v-for="tag in item.tags.slice(0, 1)" :key="tag.tagId"/>
         </div>
-        <div v-else>
+        <div v-if="!pc">
           <svg-icon v-if="grid" class="mobile grid icon-tag" icon-class="tag2" :style="{left: 1 * index + 'rem', color: tag.color}" v-for="(tag,index) in item.tags.slice(0, 3)" :key="tag.tagId"/>
-          <svg-icon v-else class="mobile list icon-tag" icon-class="tag2" :style="{color: tag.color}" v-for="tag in item.tags.slice(0, 1)" :key="tag.tagId"/>
+          <svg-icon v-if="!grid" class="mobile list icon-tag" icon-class="tag2" :style="{color: tag.color}" v-for="tag in item.tags.slice(0, 1)" :key="tag.tagId"/>
         </div>
     </div>
     <div v-if="item.ossFolder && !public">
@@ -191,9 +190,6 @@ export default {
   line-height: 35px;
 }
 
->>> .image-slot-error {
-}
-
 .icon-favorite {
   position: absolute;
   color: #f5222d;
diff --git a/src/components/preview/FileDetails.vue b/src/components/preview/FileDetails.vue
index 7d995b0..6486603 100644
--- a/src/components/preview/FileDetails.vue
+++ b/src/components/preview/FileDetails.vue
@@ -392,6 +392,8 @@ export default {
 >>> .el-image.cover {
   height: unset !important;
   margin-bottom: 20px;
+  max-width: 100%;
+  max-height: 60vh;
 }
 
 >>> .el-dialog {