From 36207631296e805b0179e8fcc636bf59732cf86c Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Fri, 15 Mar 2024 15:18:27 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=90=84=E7=A7=8D=E5=88=86?=
 =?UTF-8?q?=E8=BE=A8=E7=8E=87=E4=B8=8B=E6=A0=87=E7=AD=BE=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E7=9A=84=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Icon/IconFile.vue     | 30 +++++++++++++++-------------
 src/components/ShareDialog/index.vue |  8 ++++++--
 src/components/ShowFile/ShowFile.vue |  3 +++
 3 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/src/components/Icon/IconFile.vue b/src/components/Icon/IconFile.vue
index b3ce2b2..daebb4f 100644
--- a/src/components/Icon/IconFile.vue
+++ b/src/components/Icon/IconFile.vue
@@ -32,14 +32,12 @@
     </div>
     <div v-if="item.tags && item.tags.length > 0 && !public">
         <div v-if="pc">
-          <svg-icon v-if="!grid" class="pc list icon-tag" icon-class="tag2"/>
-          <span v-if="grid">
-            <svg-icon class="pc grid icon-tag" icon-class="tag2" :style="{left: 14 * index -9 + 'px', color: tag.color}" v-for="(tag,index) in item.tags.slice(0, 7)" :key="index"/>
-          </span>
+          <svg-icon v-if="grid" class="pc grid icon-tag" icon-class="tag2" :style="{left: 14 * index -9 + 'px', color: tag.color}" v-for="(tag,index) in item.tags.slice(0, 7)" :key="index"/>
+          <svg-icon v-else class="pc list icon-tag" icon-class="tag2" :style="{left: 14 * index + 3 + 'px', color: tag.color}" v-for="(tag,index) in item.tags.slice(0, 5)" :key="index"/>
         </div>
         <div v-else>
-          <svg-icon v-if="!grid" class="mobile list icon-tag" icon-class="tag2"/>
-          <svg-icon v-if="grid" class="mobile grid icon-tag" icon-class="tag2"/>
+          <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, 5)" :key="index"/>
+          <svg-icon v-else class="mobile list icon-tag" icon-class="tag2" :style="{left: 1 * index + 'rem', color: tag.color}" v-for="(tag,index) in item.tags.slice(0, 3)" :key="index"/>
         </div>
     </div>
     <div v-if="item.ossFolder && !public">
@@ -256,23 +254,27 @@ export default {
 .pc.grid.icon-tag {
   font-size: 14px;
   left: 0;
-  bottom: -18px;
+  bottom: -10px;
 }
 
 .mobile.grid.icon-tag {
-  width: 1.3rem;
-  height: 1.3rem;
-  margin-left: 2.8rem;
+  width: 1rem;
+  height: 1rem;
+  left: 0;
+  bottom: 1.6rem;
 }
 
 .pc.list.icon-tag {
-  font-size: 1rem;
-  right: 1.3rem;
+  font-size: 12px;
+  left: 3px;
+  bottom: 3px;
 }
 
 .mobile.list.icon-tag {
-  font-size: 0.5rem;
-  margin-left: 0.5rem;
+  width: 1rem;
+  height: 1rem;
+  left: 0;
+  bottom: 0;
 }
 
 .oss-folder {
diff --git a/src/components/ShareDialog/index.vue b/src/components/ShareDialog/index.vue
index d0b966b..9bd8c37 100644
--- a/src/components/ShareDialog/index.vue
+++ b/src/components/ShareDialog/index.vue
@@ -382,11 +382,15 @@ export default {
   text-align: center;
   position: relative;
 
-  > > > .icon-favorite {
+  >>>.icon-favorite {
     display: none;
   }
 
-  > > > .icon-share {
+  >>>.icon-share {
+    display: none;
+  }
+
+  >>>.icon-tag {
     display: none;
   }
 
diff --git a/src/components/ShowFile/ShowFile.vue b/src/components/ShowFile/ShowFile.vue
index 835a3f7..918f6bb 100644
--- a/src/components/ShowFile/ShowFile.vue
+++ b/src/components/ShowFile/ShowFile.vue
@@ -4175,6 +4175,9 @@ export default {
   >>> .icon-share {
     display: none;
   }
+  >>> .icon-tag {
+    display: none;
+  }
 }
 
 .drawer-icon-font >>> .svg-icon {