From fa045071346acba1ac0eed77ab9395f405f52262 Mon Sep 17 00:00:00 2001
From: zoujing <kidevelop@163.com>
Date: Fri, 5 Jun 2026 11:46:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ChatMain/ChatLongAnswer/ParsedValueView.vue  |  6 ++++--
 src/pages/ChatMain/ChatLongAnswer/index.vue            |  2 +-
 .../ChatLongAnswer/styles/ParsedValueView.scss         | 10 +++++++++-
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/pages/ChatMain/ChatLongAnswer/ParsedValueView.vue b/src/pages/ChatMain/ChatLongAnswer/ParsedValueView.vue
index 97018e0..502c64e 100644
--- a/src/pages/ChatMain/ChatLongAnswer/ParsedValueView.vue
+++ b/src/pages/ChatMain/ChatLongAnswer/ParsedValueView.vue
@@ -19,11 +19,11 @@
 
     <template v-else-if="shouldRenderQuestionSuggest">
       <view class="detail-action-label">继续追问</view>
-      <view class="detail-faq-wrap">
+      <scroll-view class="detail-faq-wrap" scroll-x>
         <view v-for="question in questionSuggestItems" :key="question" class="detail-faq-chip" @click="sendReply(question)">
           {{ question }}
         </view>
-      </view>
+      </scroll-view>
     </template>
 
     <template v-else-if="shouldRenderCommodityList">
@@ -35,6 +35,7 @@
               v-for="commodity in commodityItems"
               :key="commodity.commodity_id || commodity.commodity_name"
               class="detail-product-card"
+              :class="{ 'detail-product-card--full': isSingleCommodity }"
             >
               <image
                 v-if="commodity.commodity_photo"
@@ -299,6 +300,7 @@ const getCommodityItems = (value) => {
 };
 
 const commodityItems = computed(() => getCommodityItems(displayValue.value));
+const isSingleCommodity = computed(() => commodityItems.value.length === 1);
 
 const getPhotoItems = (value) => {
   if (!isArrayValue(value)) return [];
diff --git a/src/pages/ChatMain/ChatLongAnswer/index.vue b/src/pages/ChatMain/ChatLongAnswer/index.vue
index dc4783e..9b29ea0 100644
--- a/src/pages/ChatMain/ChatLongAnswer/index.vue
+++ b/src/pages/ChatMain/ChatLongAnswer/index.vue
@@ -7,7 +7,7 @@
 
     <!-- ✅ 滚动区域 -->
     <scroll-view class="flex-full overflow-hidden chat-scroll" scroll-y :scroll-into-view="scrollIntoViewId" scroll-with-animation @scroll="onScroll" @touchstart="onTouchStart" @touchend="onTouchEnd" @touchcancel="onTouchEnd">
-      <view class="flex flex-col pt-12 px-16 pb-24 border-box gap-2">
+      <view class="flex flex-col pt-12 px-16 pb-24 border-box gap-8">
         <view v-if="headerSections.title || headerSections.tag" class="long-answer-header">
           <view v-if="headerSections.title" class="long-answer-title">
             {{ headerSections.title.contentValue }}
diff --git a/src/pages/ChatMain/ChatLongAnswer/styles/ParsedValueView.scss b/src/pages/ChatMain/ChatLongAnswer/styles/ParsedValueView.scss
index 766fd06..96ae0aa 100644
--- a/src/pages/ChatMain/ChatLongAnswer/styles/ParsedValueView.scss
+++ b/src/pages/ChatMain/ChatLongAnswer/styles/ParsedValueView.scss
@@ -61,7 +61,7 @@
 }
 
 .detail-action-label {
-  padding: 0 0 10px;
+  padding: 12px 0 10px;
   color: #94a3b8;
   font-size: 10px;
   font-weight: 900;
@@ -148,6 +148,7 @@
 
 .detail-product-card {
   width: 220px;
+  box-sizing: border-box;
   flex-shrink: 0;
   overflow: hidden;
   border: 1px solid #f1f5f9;
@@ -156,6 +157,10 @@
   box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
 }
 
+.detail-product-card--full {
+  width: 100%;
+}
+
 .detail-product-image {
   width: 100%;
   height: 110px;
@@ -322,12 +327,15 @@
 }
 
 .detail-faq-wrap {
+  width: 100%;
   margin: 0;
+  white-space: nowrap;
 }
 
 .detail-faq-chip {
   display: inline-flex;
   align-items: center;
+  flex-shrink: 0;
   gap: 5px;
   margin: 0 6px 8px 0;
   padding: 8px 13px;