Feat(时令尝鲜):接口对接

pkg_product/views/season.vue

@@ -108,8 +108,8 @@ export default {
         </view>
       </u-popup>
 
-      <view class="scroll-item section">
-        <u-swiper :autoplay="false" :current="current" :list="info.swiper" height="100vh" indicator
+      <view class="scroll-item">
+        <u-swiper :autoplay="false" :current="current" :list="info.swiper" height="1200rpx" indicator
                   imgMode="scaleToFill"></u-swiper>
         <image class="icon-direction icon-left" :src="webUrl+'/20230911105736198247.png'" mode="scaleToFill"
                @click="tapLeft"/>
@@ -118,8 +118,10 @@ export default {
       </view>
 
       <view class="scroll-item">
-        <scroll-view scroll-y class="product-list" :style="{backgroundImage:'url(' + info.productImage + ')'}">
-          <image class="item" :src="item.image" mode="scaleToFill" @click="$global.navToGoods(item.id)"
+        <image class="bg-img" :src="info.productImage" mode="widthFix"/>
+        <!--        <scroll-view scroll-y class="product-list" :style="{backgroundImage:'url(' + info.productImage + ')'}">-->
+        <scroll-view scroll-y class="product-list">
+          <image class="item" :src="item.image" mode="widthFix" @click="$global.navToGoods(item.id)"
                  v-for="(item,index) in info.products" :key="index"/>
         </scroll-view>
       </view>
@@ -143,11 +145,6 @@ export default {
     box-sizing: border-box;
   }
 
-  .section {
-    width: 100vw;
-    height: 100vh;
-  }
-
   .img-top {
     width: 100vw;
   }
@@ -187,15 +184,19 @@ export default {
   }
 
   .product-list {
-    padding: 200rpx 32rpx 0;
-    background-size: 100vw auto;
+    position: absolute;
+    top: 0;
+    left: 0;
+    padding: 280rpx 32rpx 0;
 
     .item {
       width: 686rpx;
-      height: 400rpx;
       margin-bottom: 46rpx;
-      border-radius: 20rpx;
     }
   }
+
+  .bg-img {
+    width: 100vw;
+  }
 }
 </style>