carousel

src/views/client/Index.vue

@@ -1,6 +1,12 @@
 <template>
     <div class="mta-index">
-        HelloKitty ?
+        <div class="block">
+            <el-carousel height="500px">
+                <el-carousel-item v-for="item in topCarousels" :key="item">
+                    <img :src="item" style="width: 100%; height: 100%">
+                </el-carousel-item>
+            </el-carousel>
+        </div>
     </div>
 </template>
 
@@ -16,7 +22,7 @@
         },
         data() {
             return {
-
+                topCarousels: []
             };
         },
         components: {
@@ -33,6 +39,9 @@
 
         },
         mounted() {
+            for (let i = 0; i < 5; i++) {
+                this.topCarousels.push(require(`@/assets/images/client/carousels/${i + 1}.jpg`))
+            }
 
         },
         beforeDestroy() {