fix: 商品详情UI优化、提示增强

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，实现淘宝风格
+      }
     }
   }
 }