123

investment/js/investHome2.js

@@ -2,7 +2,7 @@ let app = new Vue({
   el: '#app',
   data () {
     return {
-      count: 1,
+      count: 2,
       countType: 0,
       type: true, // 切换柱状图状态
       showTip2: false,
@@ -80,19 +80,7 @@ let app = new Vue({
     this.timer = setInterval(() => {
       this.time = formatDate()
     }, 1000)
-    this.timer2 = setInterval(() => {
-      if (this.count < dataList.length) {
-        this.count++
-      } else {
-        this.count = 1
-      }
-      if (this.count > 14) {
-        this.countType = 1
-      } else {
-        this.countType = 0
-      }
-      this.initChartL3()
-    }, 2000)
+
   },
 
   beforeDestroy () {
@@ -102,6 +90,7 @@ let app = new Vue({
     this.timer2 && clearInterval(this.timer2);
   },
   mounted () {
+
     // 左侧图表
     setTimeout(() => {
       this.initChartL1()
@@ -115,22 +104,38 @@ let app = new Vue({
       this.initChartR2()
       this.initChartR3()
       this.initChartR6()
+
     },)
     setTimeout(() => {
-      var swiper = new Swiper(".mySwiper", {
-        pagination: {
-          el: ".swiper-pagination",
-          type: "progressbar",
-        },
-        navigation: {
-          nextEl: ".swiper-button-next",
-          prevEl: ".swiper-button-prev",
-        },
-      });
-      swiper.el.onmouseout = function () {
-        swiper.autoplay.start();
-      }
-    })
+      this.timer2 = setInterval(() => {
+        if (this.count < dataList.length - 1) {
+          this.count++
+        } else {
+          this.count = 1
+        }
+        if (this.count > 14) {
+          this.countType = 1
+        } else {
+          this.countType = 0
+        }
+        this.initChartL3()
+      }, 2000)
+    }, 300)
+    // setTimeout(() => {
+    //   var swiper = new Swiper(".mySwiper", {
+    //     pagination: {
+    //       el: ".swiper-pagination",
+    //       type: "progressbar",
+    //     },
+    //     navigation: {
+    //       nextEl: ".swiper-button-next",
+    //       prevEl: ".swiper-button-prev",
+    //     },
+    //   });
+    //   swiper.el.onmouseout = function () {
+    //     swiper.autoplay.start();
+    //   }
+    // })
   },
   methods: {
     convertData (data) {