更新

components/shortPopup.vue

@@ -4,14 +4,18 @@
       <view class="pop">
         <scroll-view scroll-y class="scroll">
             <view class="image">
-              <swiper v-if="product.slider_image && product.slider_image.length>0" autoplay style="width: 100%;height: 100%;">
-                <swiper-item v-for="(item,index) in product.slider_image" :key="index">
-                  <image class="img" :src="item"></image>
+              <swiper class="swiper" :current="current" autoplay style="width: 100%;height: 100%;" @change="changeCurrent">
+                <block v-if="product.slider_image && product.slider_image.length>0">
+                  <swiper-item v-for="(item,index) in product.slider_image" :key="index">
+                    <image class="img" :src="item"></image>
+                  </swiper-item>
+                </block>
+                <swiper-item v-else>
+                  <image class="img" :src="datas.image||defualtImg"></image>
                 </swiper-item>
               </swiper>
-              <image v-else class="img" :src="datas.image||defualtImg"></image>
+              <view class="current">{{current+1}}/{{product.slider_image && product.slider_image.length||1}}</view>
               <image class="close" src="@/static/images/icon/close.png" @click="close()"></image>
-              <view class="current"></view>
               <view class="border"></view>
             </view>
             <view class="white_card">
@@ -86,6 +90,7 @@
         },
         cart_num: 1, //购买数量
         goodsNum: 0, //购物车数量
+        current: 0, //轮播图当前滑块
       };
     },
     mounted() {},
@@ -106,7 +111,7 @@
         this.attrValue = datas.product?.attrValue;
         this.change = this.attrValue[0];
         this.cart_num = 1;
-        this.sku = datas.sku;
+        this.sku = datas.sku||{};
         this.sku_key_list = Object.keys(this.sku);
         this.sku_key = this.sku_key_list[0];
       },
@@ -157,7 +162,7 @@
               title: '不能超出库存哦'
             })
           }
-        else this.cart_num++;
+        this.cart_num++;
       },
       // 加入购物车
       addcart() {
@@ -172,7 +177,7 @@
             product_attr_unique: this.sku[this.sku_key].unique,
             product_id: this.datas.product_id,
             product_type: this.datas.product_type,
-            // source: 103,
+            // source: 103, 
             spread_id: "",
           }
           let that = this
@@ -199,6 +204,10 @@
           })
         }
       },
+      // 滑动轮播图
+      changeCurrent(e){
+        this.current = e.detail.current;
+      },
       navgo(url) {
         uni.navigateTo({
           url
@@ -231,11 +240,27 @@
     .flex_end {
       align-items: flex-end;
     }
+    
 
     .image {
       height: 750rpx;
       width: 750rpx;
       position: relative;
+      
+      .current{
+        position: absolute;
+        bottom: 70rpx;
+        left: 30rpx;
+        width: 67rpx;
+        height: 37rpx;
+        background: rgba(#333, 0.2);
+        border-radius: 11rpx 11rpx 11rpx 11rpx;
+        text-align: center;
+        color: #fff;
+        font-size: 26rpx;
+        font-family: PingFang SC-Regular, PingFang SC;
+        font-weight: 400;
+      }
 
       .img {
         width: 100%;
@@ -251,10 +276,6 @@
         width: 50.82rpx;
         height: 50.82rpx;
       }
-      
-      .current{
-        
-      }
 
       .border {
         position: absolute;

pages/nongKe/cloud_entrepot/indexb.vue

@@ -721,7 +721,7 @@
         }
         townCloud({
           street_code: this.street_id,
-          // category_id: this.storeParam.category_id,
+          category_id: this.storeParam.category_id,
           order: this.storeParam.order,
           keyword: this.storeParam.keyword,
           page: this.storeParam.page,