improvement: 商品点击增加loading

src/components/custom/goloading.wpy

+<template>
+  <div class="loading-wrapper">
+    <van-popup show="{{show}}" overlay="{{showoverLay}}" close-on-click-overlay="{{false}}" round>
+       <view class="loading" v-show="showoverLay">
+         <van-loading type="spinner">跳转中...</van-loading>
+       </view>
+    </van-popup>
+  </div>
+</template>
+<script>
+  import wepy from '@wepy/core';
+
+  wepy.component({
+    props: {
+      show:{
+        type:Boolean,
+        default: false,
+      }
+    },
+    data: {
+      showoverLay: false,
+    },
+    watch: {
+      show(val) {
+        if(val){
+          this.showoverLay = false;
+          setTimeout(()=>{
+            this.showoverLay = true;
+          },500)
+        }
+      }
+    },
+    created() {
+
+    },
+    methods: {
+
+    }
+  });
+</script>
+<style lang="less">
+  .loading{
+    padding:40rpx;
+  }
+</style>
+<config>
+  {
+    usingComponents: {
+      'van-popup':'~@/components/vant/popup/index',
+      'van-loading': '~@/components/vant/loading/index'
+    }
+  }
+</config>

src/components/custom/goodsList.wpy

 <wxs module="tools" src="../../common/common.wxs"></wxs>
 <template>
+  <view>
     <view class="footer">
       <swiper
         class="footswiper"
@@ -31,6 +32,8 @@
         </swiper-item>
       </swiper>
     </view>
+    <go-loading show="{{showLoading}}"></go-loading>
+  </view>
 </template>
 <script>
   import wepy from '@wepy/core';
@@ -100,7 +103,10 @@
       },
       toViewPage(e) {
         let item = e.$wx.currentTarget.dataset.item;
+        if(this.showLoading) return;
+        this.showLoading = true;
         getGoodsUrl({skuId:item.sourceId}).then(data=>{
+          this.showLoading = false;
           wx.navigateToMiniProgram({
             appId: 'wx91d27dbf599dff74',
             path: 'pages/union/proxy/proxy?spreadUrl=' + encodeURIComponent(data), // 跳转小程序的路径
@@ -109,6 +115,8 @@
             success(res) {
             }
           });
+        }).catch(()=>{
+          this.showLoading = false;
         })
       },
       touchStart (event) {
@@ -264,7 +272,7 @@
 <config>
   {
     "usingComponents": {
-      'goods-loading': '~@/components/custom/loading',
+      "go-loading": "~@/components/custom/goloading"
     }
   }
 </config>

src/components/custom/video.wpy

@@ -67,12 +67,12 @@
       nextQueue: [],
       prevQueue: [],
       curQueue: [],
-      circular: true,
+      circular: false,
       _last: 1,
       _invalidUp: 0,
       _invalidDown: 0,
       _videoContexts: [],
-      currentIndex:0,
+      currentIndex:1,
       videoPause: false,
       videoLoading: false,
     },

src/pages/search.wpy

@@ -26,6 +26,7 @@
     </view>
     <view class="search-last" v-show="isLoading"><van-loading type="spinner" text-size="26rpx">加载中</van-loading></view>
     <view class="search-last" v-show="isDone">没有更多了~</view>
+    <go-loading show="{{showLoading}}"></go-loading>
   </view>
 </template>
 <script>
@@ -37,6 +38,7 @@
       list:[],
       isDone:false,
       isLoading:false,
+      showLoading:false,
     },
     methods:{
       backUrl() {
@@ -70,7 +72,10 @@
       toJingdong(event) {
         const sourceId = event.$wx.currentTarget.dataset.id;
         if(sourceId === undefined) return;
+        if(this.showLoading) return;
+        this.showLoading = true;
         getGoodsUrl({skuId:sourceId}).then(data=>{
+          this.showLoading = false;
           wx.navigateToMiniProgram({
             appId: 'wx91d27dbf599dff74',
             path: 'pages/union/proxy/proxy?spreadUrl=' + encodeURIComponent(data), // 跳转小程序的路径
@@ -79,6 +84,8 @@
             success(res) {
             }
           });
+        }).catch(()=>{
+          this.showLoading = false;
         })
       }
     },
@@ -96,6 +103,7 @@
       "van-field": "../components/vant/field/index",
       "van-image": "../components/vant/image/index",
       "van-loading": "../components/vant/loading/index",
+      "go-loading": "~@/components/custom/goloading",
     }
   }
 </config>