banner

src/main/nine-space/src/views/Discover.vue

@@ -12,7 +12,7 @@
             </div>
         </van-sticky>
 
-        <swiper pagination class="mySwiper" v-if="banners.length > 0">
+        <swiper pagination class="mySwiper" :autoplay="{ delay: 3500 }" loop v-if="banners.length > 0">
             <swiper-slide v-for="item in banners" :key="item.id">
                 <img :src="item.pic" />
             </swiper-slide>
@@ -75,10 +75,10 @@ import { Swiper, SwiperSlide } from 'swiper/vue';
 import 'swiper/swiper.min.css';
 import 'swiper/swiper-bundle.min.css';
 
-import SwiperCore, { Pagination } from 'swiper';
+import SwiperCore, { Pagination, Autoplay } from 'swiper';
 
 // install Swiper modules
-SwiperCore.use([Pagination]);
+SwiperCore.use([Pagination, Autoplay]);
 
 import ProductInfo from '../components/product/productInfo.vue';
 

src/main/nine-space/src/views/Home.vue

@@ -12,9 +12,7 @@
                 modifier: 1,
                 slideShadows: true
             }"
-            :autoplay="{
-                delay: 3500
-            }"
+            :autoplay="{ delay: 3500 }"
             loop
             class="mySwiper"
             v-if="banners.length > 0"