From 49855ea1183729b5fbaba691e0c17b5735716294 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Wed, 11 Mar 2026 12:11:54 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20=E8=B0=83=E6=95=B4=E5=8A=A8?=
 =?UTF-8?q?=E6=80=81=E5=A4=B4=E5=83=8F=E7=BC=93=E5=AD=98=E7=AD=96=E7=95=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/viewPost/vp-overlay-user.vue | 7 ++++++-
 src/components/viewPost/vp-reply-item.vue   | 4 +++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/viewPost/vp-overlay-user.vue b/src/components/viewPost/vp-overlay-user.vue
index 78083c31..0e6a0482 100644
--- a/src/components/viewPost/vp-overlay-user.vue
+++ b/src/components/viewPost/vp-overlay-user.vue
@@ -5,7 +5,8 @@
         <div class="vp-ouu-info">
           <div class="left">
             <div class="avatar">
-              <TMiImg :ori="true" :src="getUserAvatar(userInfo)" alt="avatar" />
+              <img v-if="avatarUrl.endsWith('.gif')" :src="avatarUrl" alt="avatar" />
+              <TMiImg v-else :ori="true" :src="avatarUrl" alt="avatar" />
             </div>
             <div v-if="userInfo.pendant !== ''" class="pendant">
               <TMiImg :ori="true" :src="userInfo.pendant" alt="pendant" />
@@ -62,6 +63,10 @@ const isLast = ref<boolean>(false);
 const load = ref<boolean>(false);
 const userInfo = shallowRef<TGApp.BBS.User.Info>();
 const results = shallowRef<Array<TGApp.BBS.Post.FullData>>([]);
+const avatarUrl = computed<string>(() => {
+  if (!userInfo.value) return "";
+  return getUserAvatar(userInfo.value);
+});
 const levelColor = computed<string>(() => {
   if (!userInfo.value) return "var(--tgc-od-white)";
   const level = userInfo.value.level_exp.level;
diff --git a/src/components/viewPost/vp-reply-item.vue b/src/components/viewPost/vp-reply-item.vue
index 3cef7534..63f32f24 100644
--- a/src/components/viewPost/vp-reply-item.vue
+++ b/src/components/viewPost/vp-reply-item.vue
@@ -10,7 +10,8 @@
     <div class="tpr-user" @click="handleUser()">
       <div class="tpru-left">
         <div class="avatar">
-          <TMiImg :ori="true" :src="getUserAvatar(props.modelValue.user)" alt="avatar" />
+          <img v-if="avatarUrl.endsWith('.gif')" :src="avatarUrl" alt="avatar" />
+          <TMiImg v-else :ori="true" :src="avatarUrl" alt="avatar" />
         </div>
         <div v-if="props.modelValue.user.pendant !== ''" class="pendant">
           <TMiImg :ori="true" :src="props.modelValue.user.pendant" alt="pendant" />
@@ -147,6 +148,7 @@ const isLast = ref<boolean>(false);
 const loading = ref<boolean>(false);
 const subReplies = shallowRef<Array<TGApp.BBS.Reply.ReplyFull>>([]);
 const vpReplyEl = useTemplateRef<HTMLDivElement>("VpReplyRef");
+const avatarUrl = computed<string>(() => getUserAvatar(props.modelValue.user));
 const levelColor = computed<string>(() => {
   const level = props.modelValue.user.level_exp.level;
   if (level < 5) return "var(--tgc-od-green)";