From 8b713aaf17b046696137e35a9c1b4ff2c697dd08 Mon Sep 17 00:00:00 2001
From: lq <workerqi@163.com>
Date: Wed, 17 Dec 2025 10:21:59 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=95=86=E5=93=81=E8=AF=A6=E6=83=85UI?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E3=80=81=E6=8F=90=E7=A4=BA=E5=A2=9E=E5=BC=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 subPackages/product/symptoms.vue | 30 ++++++++++++++++++++----------
 1 file changed, 20 insertions(+), 10 deletions(-)

diff --git a/subPackages/product/symptoms.vue b/subPackages/product/symptoms.vue
index b1ff52a..9eb0a4c 100644
--- a/subPackages/product/symptoms.vue
+++ b/subPackages/product/symptoms.vue
@@ -89,8 +89,8 @@
       </view>
     </view>
 
-    <!-- 商品介绍图 -->
-    <view class="detail-section" v-if="introductionImages.length > 0">
+    <!-- 商品介绍图 - 淘宝风格无缝布局 -->
+    <view class="detail-section introduction-section" v-if="introductionImages.length > 0">
       <view class="section-title">
         <text>商品介绍</text>
       </view>
@@ -760,15 +760,25 @@ export default {
     }
   }
   
-  .introduction-images {
-    display: flex;
-    flex-direction: column;
-    gap: 20rpx;
+  // 商品介绍图特殊样式 - 淘宝风格无缝布局
+  &.introduction-section {
+    padding: 30rpx 0; // 只保留上下padding，移除左右padding
     
-    .introduction-image {
-      width: 100%;
-      border-radius: 12rpx;
-      box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.05);
+    .section-title {
+      padding-left: 30rpx; // 标题保留左边距
+      padding-right: 30rpx;
+    }
+    
+    .introduction-images {
+      display: flex;
+      flex-direction: column;
+      // 移除 gap，实现无缝衔接
+      
+      .introduction-image {
+        width: 100%;
+        display: block; // 避免行内元素间隙
+        // 移除 border-radius 和 box-shadow，实现淘宝风格
+      }
     }
   }
 }