fix:调整轮播头像滚动过快

src/components/avatorSwiper.vue

@@ -45,7 +45,7 @@ export default {
   data() {
     const vm = this;
     const isLoop = vm.avatorData.length < 9 ? false : true;
-    const autoplay = isLoop ? { delay: 3000 } : false;
+    const autoplay = isLoop ? { delay: 1500 } : false;
     return {
       timer: null,
       interTimer: null,
@@ -77,13 +77,14 @@ export default {
             slideLeft.addClass('ani-opt');
             slideRight.addClass('ani-opt');
             vm.isAddClass = true;
-            clearTimeout(vm.timer);
-            vm.timer = setTimeout(() => {
-              vm.oneTransLate(vm.getAvatorItem(slideRight));
-              clearTimeout(vm.timer);
-            }, 1000);
+            // clearTimeout(vm.timer);
+            // vm.timer = setTimeout(() => {
+            //   vm.oneTransLate(vm.getAvatorItem(slideRight));
+            //   clearTimeout(vm.timer);
+            // }, 1000);
           },
           transitionEnd: function() {
+            vm.oneTransLate(vm.getAvatorItem(this.slides.eq(this.activeIndex + 4)));
             for (let i = 0; i < this.slides.length; i++) {
               let slide = this.slides.eq(i);
               slide.removeClass('ani-opt');

src/components/groupSwiper.vue

@@ -45,7 +45,7 @@ export default {
   data() {
     const vm = this;
     const isLoop = vm.avatorData.length < 7 ? false : true;
-    const autoplay = isLoop ? { delay: 1500, reverseDirection: true } : false;
+    const autoplay = isLoop ? { delay: 1000, reverseDirection: true } : false;
     return {
       timer: null,
       interTimer: null,
@@ -77,18 +77,14 @@ export default {
             vm.leftImgPath = slideLeft.data('src');
             slideLeft.addClass('ani-opt');
             slideRight.addClass('ani-opt');
-            clearTimeout(vm.timer);
-            vm.timer = setTimeout(() => {
-              vm.oneTransLate(vm.getAvatorItem(slideLeft));
-              clearTimeout(vm.timer);
-            }, 800);
           },
           transitionEnd: function() {
-            vm.isAnimate = false;
+            vm.oneTransLate(vm.getAvatorItem(this.slides.eq(this.activeIndex - 3)));
             for (let i = 0; i < this.slides.length; i++) {
               let slide = this.slides.eq(i);
               slide.removeClass('ani-opt');
             }
+            vm.isAnimate = false;
           }
         }
       }