Browse Source

cards页面左右箭头

James 4 years ago
parent
commit
b084b97b4e
1 changed files with 4 additions and 3 deletions
  1. 4 3
      src/components/swCard/index.vue

+ 4 - 3
src/components/swCard/index.vue

@@ -25,9 +25,9 @@
         </div>
       </swiper-slide>
       <div class="swiper-pagination" slot="pagination"></div>
-      <div class="swiper-button-next"></div>
-      <div class="swiper-button-prev"></div>
     </swiper>
+    <div  class="swiper-button-next"></div>
+    <div  class="swiper-button-prev"></div>
   </div>
 </template>
 <script>
@@ -70,7 +70,7 @@ export default {
         watchSlidesProgress: true,
         slidesPerView: "auto",
         centeredSlides: true,
-        initialSlide: 2,
+        initialSlide: this.initialSlide,
         // loop: true,
         // loopedSlides: 9,
         navigation: {
@@ -265,6 +265,7 @@ export default {
     ];
     return {
       cards,
+      initialSlide:2
     };
   },
   methods: {