From 1ba71ff43f7c218b3f0f64bd337e8e4ef8e2accd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=B0=8F=E8=8E=AB=E5=94=90=E5=B0=BC?=
 <tzxiaomo@outlook.com>
Date: Mon, 15 Jun 2026 23:03:34 +0800
Subject: [PATCH] =?UTF-8?q?feat(comment-panel):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E5=9B=9E=E5=A4=8D=E7=9B=AE=E6=A0=87=E5=8E=9F=E5=86=85=E5=AE=B9?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E5=B9=B6=E4=BC=98=E5=8C=96=E5=9B=9E=E5=A4=8D?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1. 扩展replyTarget类型新增rawContent字段用于存储原评论内容
2. 传递评论和回复的原始内容到回复处理函数
3. 在回复提示区展示被回复的原评论内容
4. 优化回复提示的排版布局，调整文字样式和间距
---
 .../post-detail/uh-post-comment-panel.vue     | 20 +++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/components/post-detail/uh-post-comment-panel.vue b/src/components/post-detail/uh-post-comment-panel.vue
index 73cda7e..c57b458 100644
--- a/src/components/post-detail/uh-post-comment-panel.vue
+++ b/src/components/post-detail/uh-post-comment-panel.vue
@@ -31,6 +31,7 @@ const replyTarget = ref<{
   commentName: string
   replyName?: string
   displayName: string
+  rawContent: string
 } | null>(null)
 
 // --- 输入内容 ---
@@ -141,8 +142,8 @@ function handleLoadMoreReplies(commentName: string) {
 }
 
 // --- 设置回复目标 ---
-function handleReply(commentName: string, replyName: string | undefined, displayName: string) {
-  replyTarget.value = { commentName, replyName, displayName }
+function handleReply(commentName: string, replyName: string | undefined, displayName: string, rawContent: string) {
+  replyTarget.value = { commentName, replyName, displayName, rawContent }
 }
 
 // --- 取消回复 ---
@@ -292,7 +293,7 @@ onMounted(() => {
                     <view class="flex items-center gap-x-4">
                       <view
                         class="flex items-center gap-x-1"
-                        @click="handleReply(comment.metadata.name, undefined, comment.owner.displayName || '匿名用户')"
+                        @click="handleReply(comment.metadata.name, undefined, comment.owner.displayName || '匿名用户', comment.spec.raw)"
                       >
                         <wd-icon name="message" color="#9CA3AF" :size="14" />
                         <text class="text-[11px] text-gray-400">回复</text>
@@ -346,7 +347,7 @@ onMounted(() => {
 
                           <view
                             class="flex items-center gap-x-1"
-                            @click="handleReply(comment.metadata.name, reply.metadata.name, reply.owner.displayName || '匿名用户')"
+                            @click="handleReply(comment.metadata.name, reply.metadata.name, reply.owner.displayName || '匿名用户', reply.spec.raw)"
                           >
                             <wd-icon name="message" color="#9CA3AF" :size="12" />
                             <text class="text-[10px] text-gray-400">回复</text>
@@ -388,11 +389,14 @@ onMounted(() => {
         <!-- 底部输入区 -->
         <view class="box-border border-t border-gray-100 px-4 pt-2">
           <!-- 回复提示 -->
-          <view v-if="replyTarget" class="mb-2 flex items-center justify-between rounded-lg bg-gray-50 px-3 py-1.5">
-            <view class="line-clamp-1 text-xs text-gray-500">
-              回复 {{ replyTarget.displayName }} <!-- 这里也要补充回复的内容,使用rich-text渲染 -->
+          <view v-if="replyTarget" class="mb-2 flex items-center gap-x-2 rounded-lg bg-gray-50 px-3 py-1.5">
+            <view class="flex flex-1 flex-col overflow-hidden">
+              <text class="text-[11px] text-gray-400 font-medium">回复 {{ replyTarget.displayName }}</text>
+              <view class="line-clamp-1 text-[11px] text-gray-500">
+                <rich-text :nodes="replyTarget.rawContent" />
+              </view>
             </view>
-            <view @click="handleCancelReply">
+            <view class="shrink-0" @click="handleCancelReply">
               <wd-icon name="close" color="#9CA3AF" :size="14" />
             </view>
           </view>