From 572180234f1f82a96c75511a5e51938758be1699 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Sat, 28 Feb 2026 18:10:20 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4=E6=B5=AE?=
 =?UTF-8?q?=E7=AA=97=E4=BF=A1=E6=81=AF=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E8=87=AA=E5=AE=9A=E4=B9=89=E8=A1=A8?=
 =?UTF-8?q?=E6=83=85label=E6=98=BE=E7=A4=BA=E5=88=A4=E6=96=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/viewPost/tp-emoticon.vue      |  9 ++++++---
 src/components/viewPost/vp-overlay-image.vue | 17 ++++++++++-------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/src/components/viewPost/tp-emoticon.vue b/src/components/viewPost/tp-emoticon.vue
index 147a914f..7f7bf6eb 100644
--- a/src/components/viewPost/tp-emoticon.vue
+++ b/src/components/viewPost/tp-emoticon.vue
@@ -8,9 +8,7 @@
       @click="handleEmoticonClick"
       @error="handleEmoticonError"
     />
-    <div v-if="props.data.insert.custom_emoticon.size.width > 100" class="tp-emo-info">
-      自定义表情
-    </div>
+    <div v-if="showLabel" class="tp-emo-info">自定义表情</div>
   </div>
   <div v-else :title="props.data.insert.custom_emoticon.url" class="tp-image-load">
     <v-progress-circular :indeterminate="true" color="blue" size="small" />
@@ -86,6 +84,11 @@ const image = computed<TpImage>(() => ({
     size: props.data.insert.custom_emoticon.size.file_size,
   },
 }));
+const showLabel = computed<boolean>(() => {
+  if (props.data.insert.custom_emoticon.size.width > 100) return true;
+  if (!emoticonEl.value) return false;
+  return emoticonEl.value.clientWidth > 100;
+});
 
 console.log("tp-emoticon", props.data.insert.custom_emoticon);
 
diff --git a/src/components/viewPost/vp-overlay-image.vue b/src/components/viewPost/vp-overlay-image.vue
index fc0c476b..a8bf5fc5 100644
--- a/src/components/viewPost/vp-overlay-image.vue
+++ b/src/components/viewPost/vp-overlay-image.vue
@@ -30,7 +30,10 @@
               <span>大小：</span>
               <span>{{ bytesToSize(props.image.attributes.size ?? 0) }}</span>
             </span>
-            <span class="tpoi-info-item">
+            <span
+              v-if="props.image.attributes?.width && props.image.attributes?.height"
+              class="tpoi-info-item"
+            >
               <span>尺寸：</span>
               <span>{{ props.image.attributes.width }}x{{ props.image.attributes.height }}</span>
             </span>
@@ -41,19 +44,19 @@
           </div>
         </template>
         <div class="tpoi-tools">
-          <v-icon @click="setBlackBg" title="切换背景色" v-if="showOri">
+          <v-icon v-if="showOri" title="切换背景色" @click="setBlackBg">
             mdi-format-color-fill
           </v-icon>
-          <v-icon @click="showOri = true" title="查看原图" v-else>mdi-magnify</v-icon>
-          <v-icon @click="onCopy" title="复制到剪贴板" v-if="showCopy">mdi-content-copy</v-icon>
-          <v-icon @click="onDownload" title="下载到本地">mdi-download</v-icon>
-          <v-icon @click="visible = false" title="关闭浮窗">mdi-close</v-icon>
+          <v-icon v-else title="查看原图" @click="showOri = true">mdi-magnify</v-icon>
+          <v-icon v-if="showCopy" title="复制到剪贴板" @click="onCopy">mdi-content-copy</v-icon>
+          <v-icon title="下载到本地" @click="onDownload">mdi-download</v-icon>
+          <v-icon title="关闭浮窗" @click="visible = false">mdi-close</v-icon>
         </div>
       </div>
     </div>
   </TOverlay>
 </template>
-<script setup lang="ts">
+<script lang="ts" setup>
 import TOverlay from "@comp/app/t-overlay.vue";
 import showLoading from "@comp/func/loading.js";
 import showSnackbar from "@comp/func/snackbar.js";