轮播图图片居中裁切

components/SimpleSwiper/index.vue

@@ -1,7 +1,7 @@
 <template>
   <swiper class="swiper simple-swiper" :options="swiperOption">
     <swiper-slide v-for="(item, index) in imageList" :key="index">
-      <img :src="item" class="slide" />
+      <div class="slide-content"><img :src="item" class="slide" /></div>
     </swiper-slide>
     <div class="swiper-pagination" slot="pagination"></div>
   </swiper>
@@ -49,6 +49,7 @@ export default {
   .slide{
     display: block;
     width: 100%;
+    object-fit: cover;
   }
 }
 </style>