代码问题

package.json

@@ -26,7 +26,8 @@
     "vue-router": "^2.1.1",
     "vuex": "^2.0.0",
     "web-buried-point": "^2.1.0",
-    "weixin-js-sdk": "^1.4.0-test"
+    "weixin-js-sdk": "^1.4.0-test",
+    "pica-call-app": "^1.0.43"
   },
   "devDependencies": {
     "@babel/core": "^7.0.0",

src/style/as-common.less

@@ -59,67 +59,3 @@
 .lh-25 {
   line-height: 2.5 !important;
 }
\ No newline at end of file
-.shareanimate {
-  animation: shareani 4s ease;
-  -webkit-animation: shareani 4s ease;
-  -moz-animation: shareani 4s ease;
-  -ms-animation: shareani 4s ease;
-}
-
-.shareanimate2 {
-  animation: shareani 4s ease;
-  -webkit-animation: shareani 4s ease;
-  -moz-animation: shareani 4s ease;
-  -ms-animation: shareani 4s ease;
-}
-@keyframes shareani {
-  0% {
-    left: 50%;
-    top: 74%;
-    opacity: 0.1;
-  }
-  100% {
-    left: 85%;
-    top: 0;
-    opacity: 1;
-  }
-}
-
-@-webkit-keyframes shareani {
-  0% {
-    left: 50%;
-    top: 74%;
-    opacity: 0.8;
-  }
-  100% {
-    left: 85%;
-    top: 0;
-    opacity: 0;
-  }
-}
-
-@-moz-keyframes shareani {
-  0% {
-    left: 50%;
-    top: 74%;
-    opacity: 0.8;
-  }
-  100% {
-    left: 85%;
-    top: 0;
-    opacity: 0;
-  }
-}
-
-@-ms-keyframes shareani {
-  0% {
-    left: 50%;
-    top: 74%;
-    opacity: 0.8;
-  }
-  100% {
-    left: 85%;
-    top: 0;
-    opacity: 0;
-  }
-}
\ No newline at end of file

src/views/annual-summary/detail copy.vue

@@ -104,8 +104,7 @@ export default {
           swiperAnimate(this);
           console.log('---2323', se);
           if (activeIndex == 1) {
-            // document.getElementById('detail-content').className = 'shareanimate';
-            // $("#share").addClass("shareanimate");
+
           }
         }
       }

src/views/annual-summary/detail.vue

@@ -38,7 +38,7 @@ import Card4 from "@/components/annual-summary/card-4";
 import Card5 from "@/components/annual-summary/card-5";
 import Card6 from "@/components/annual-summary/card-6";
 
-let _this = null;
+let _this = null, swiperInstance = null;
 
 export default {
   components: {
@@ -130,7 +130,7 @@ export default {
             setTimeout(() => {
               this.showLoading = false;
               this.initSwiper();
-            }, 100);
+            }, 2000);
           });
         } else {
           this.$toast(res.message);
@@ -174,7 +174,7 @@ export default {
 
     // 初始化Swiper
     initSwiper() {
-      new Swiper(".swiper-container", {
+      swiperInstance = new Swiper(".swiper-container", {
         direction: "vertical",
         speed: 300,
         slidesPerView: 1,
@@ -192,8 +192,7 @@ export default {
             swiperAnimate(this);
             console.log("---2323", se);
             // if (activeIndex == 1) {
-            //   document.getElementById("detail-content").className =
-            //     "shareanimate";
+
             // }
           }
         }
@@ -250,7 +249,12 @@ export default {
           shareImageUrl:
             "https://file.yunqueyi.com/logo.png?version=" + new Date().getTime()
         });
-    }
+    },
+
+    beforeDestroy() {
+      console.log('in beforeDestroy');
+      swiperInstance.destroy(true);
+    },
   }
 };
 </script>