From b5c7c6e8b14d7a2f40a8cf90a841527819df765d Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Tue, 10 Mar 2026 10:57:15 +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/tp-avatar.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/viewPost/tp-avatar.vue b/src/components/viewPost/tp-avatar.vue
index 6e4c8631..04167f4b 100644
--- a/src/components/viewPost/tp-avatar.vue
+++ b/src/components/viewPost/tp-avatar.vue
@@ -2,7 +2,8 @@
   <div class="tp-avatar-box">
     <div class="tpa-img">
       <div class="tpa-icon">
-        <TMiImg :ori="true" :src="getUserAvatar(props.data)" 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.data.pendant !== ''" class="tpa-pendant">
         <TMiImg :ori="true" :src="props.data.pendant" alt="pendant" />
@@ -32,11 +33,11 @@ type TpAvatarProps = { data: TGApp.BBS.Post.User; position: "left" | "right" };
 
 const props = defineProps<TpAvatarProps>();
 
+const avatarUrl = computed<string>(() => getUserAvatar(props.data));
 const authorDesc = computed<string>(() => {
   if (props.data.certification.label !== "") return props.data.certification.label;
   return props.data.introduce;
 });
-
 const levelColor = computed<string>(() => {
   if (!props.data.level_exp) return "var(--tgc-od-white)";
   const level = props.data.level_exp.level;