feats

src/components/Swiper/index.vue

@@ -8,6 +8,9 @@
 
 <script>
 import Swiper from 'swiper'
+import SwiperCore, { Autoplay } from 'swiper/core'
+
+SwiperCore.use([Autoplay])
 
 export default {
   name: 'Swiper',

src/views/components/IndexImage.vue

@@ -2,7 +2,7 @@
   <div class="index-image">
     <img :src="require('@/assets/images/index.png')" class="bg-image" @load="loadBg" />
     <div class="index-inner-swiper" :style="swiperItemStyle">
-      <swiper v-if="showSwiper">
+      <swiper v-if="showSwiper" :options="swiperOptions">
         <swiper-slide class="index-inner-slide">
           <img :src="require('@/assets/images/按钮-1.png')" alt="" @click="$router.push({ name: 'Apartment' })">
         </swiper-slide>
@@ -24,6 +24,12 @@ export default {
   data() {
     return {
       showSwiper: false,
+      swiperOptions: {
+        autoplay: {
+          delay: 2500,
+          disableOnInteraction: false
+        }
+      },
       swiperItemStyle: {},
       handerStyle: {}
     }