feat: 调整样式

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 [];

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 }}

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;