修改首页校长寄语swiper切换交互问题

components/home/textSwiper.vue

@@ -7,10 +7,10 @@
         </div>
       </div>
     </div>
-    <div class="swiper-btn swiper-button-prev">
+    <div class="swiper-btn swiper-button-prev" @click="handleBtnClick">
       <img src="https://webapp-pub.ezijing.com/www/pc/swipe-prev-btn.png">
     </div>
-    <div class="swiper-btn swiper-button-next">
+    <div class="swiper-btn swiper-button-next" @click="handleBtnClick">
       <img src="https://webapp-pub.ezijing.com/www/pc/swipe-next-btn.png">
     </div>
   </div>
@@ -57,7 +57,13 @@ export default {
   methods: {
     handleClick(e) {
       const index = e.target.dataset.swiperSlideIndex
+      this.$refs.mySwiper1.swiper.slideTo(index % 5 + 5)
       this.$emit('slideTo', index)
+    },
+    handleBtnClick() {
+      setTimeout(() => {
+        this.$emit('slideTo', this.$refs.mySwiper1.swiper.realIndex)
+      }, 100)
     }
   }
 }
@@ -98,6 +104,7 @@ export default {
     transform:translateY(-50%);
     z-index:2;
     user-select:none;
+    cursor:pointer;
     img{
       width:100%;
       height:100%;