优化vip商城

src/views/ebiz/product-store/StoreDetail.vue

@@ -48,7 +48,7 @@
     </div>
     <div v-else>
       <template v-if="redirectUrl">
-        <iframe style="width: 100vw; min-height: 100vh;" :src="redirectUrl" frameborder="0"></iframe>
+        <iframe v-show="thirdUrlReady" style="width: 100vw; min-height: 100vh;" :src="redirectUrl" frameborder="0"></iframe>
       </template>
       <template v-else>
         <img id="detailImg" v-if="detailImg" :src="$assetsUrl + detailImg" />
@@ -123,7 +123,8 @@ export default {
       loaded: false,
       detailImg: '',
       bottomBtnShow: false,
-      redirectUrl: ''
+      redirectUrl: '',
+      thirdUrlReady: false
     }
   },
   created() {
@@ -165,18 +166,24 @@ export default {
         const res = await getShopList(data)
         if (!res) return
         if (res.result == '0') {
+          if (res.content.redirect) {
+            this.redirectUrl = res.content.linkUrl
+          }
           let thirdName = res.content.tip
           const toast = Toast.loading({
             duration: 0, // 持续展示 toast
             forbidClick: true,
             icon: 'info-o',
-            message: `即将为您跳转至${thirdName}`
+            message: `3s后将为您跳转至${thirdName}`
           })
-          setTimeout(() => {
+          let second = 3
-            // 手动清除 Toast
+          let timer = setInterval(() => {
-            toast.clear()
+            second--
+            if (second) {
+              toast.message = `${second}s后将为您跳转至${thirdName}`
+            } else {
               if (res.content.redirect) {
-              this.redirectUrl = res.content.linkUrl
+                this.thirdUrlReady = true
               } else {
                 if (res.content.rightBtnShow && !this.isWeixin) {
                   // eslint-disable-next-line no-undef
@@ -196,7 +203,11 @@ export default {
                 this.pdfUrl = this.$assetsUrl + res.content.pdfUrl
                 this.isCanCheck2 = true
               }
-          }, 3000)
+              clearInterval(timer)
+              // 手动清除 Toast
+              toast.clear()
+            }
+          }, 1000)
           this.loaded = true
         } else {
           this.$toast(res.resultMessage)