From b7e14adfa8b555dc6b6e39e8180ca09a354670a5 Mon Sep 17 00:00:00 2001
From: hajimi <phperbylyh@163.com>
Date: Mon, 3 Aug 2026 21:00:44 +0800
Subject: [PATCH] fix: truncate long comment nicknames

---
 uniapp/src/pages/my_comments/my_comments.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/uniapp/src/pages/my_comments/my_comments.vue b/uniapp/src/pages/my_comments/my_comments.vue
index f6bbd428..3f60ccdc 100644
--- a/uniapp/src/pages/my_comments/my_comments.vue
+++ b/uniapp/src/pages/my_comments/my_comments.vue
@@ -13,7 +13,7 @@
                     <view class="comment-card__author">
                         <image class="comment-card__avatar" :src="getCommentAvatar(item)" mode="aspectFill"
                             @error="handleAvatarError" />
-                        <text class="comment-card__name">{{ item.user?.nickname || '我' }}</text>
+                        <text class="comment-card__name">{{ formatNickname(item.user?.nickname) }}</text>
                         <text class="comment-card__label">{{ item.reply_to ? '回复了评论' : '评论了帖子' }}</text>
                     </view>
                     <text class="comment-card__time">{{ formatTime(item.create_time) }}</text>
@@ -98,6 +98,12 @@ const handleAvatarError = () => {
     avatarLoadFailed.value = true
 }
 
+const formatNickname = (value?: string) => {
+    const name = String(value || '我')
+    const characters = Array.from(name)
+    return characters.length > 4 ? `${characters.slice(0, 4).join('')}…` : name
+}
+
 const parseTimestamp = (value: string | number) => {
     if (typeof value === 'number') return value
     return new Date(String(value).replace(/-/g, '/')).getTime() / 1000