vue中使用异形轮播

<div class="loop">
        <swiper ref="mySwiper" :options="swiperOption" class="loop_c">
          <swiper-slide v-for="item in adver" :key="item.index">
            <img :src="item.img" alt="" />
          </swiper-slide>
          <div class="swiper-button-prev" slot="button-prev"></div>
          <div class="swiper-button-next" slot="button-next"></div>
        </swiper>
  </div>

"swiper": "^6.8.4",
"vue-awesome-swiper": "^3.1.3"

import { swiper, swiperSlide } from "vue-awesome-swiper";
import "swiper/swiper-bundle.css";

components: {
    swiper,
    swiperSlide,
  },

adver: [
        {
          img: require("@/assets/img/index/fwts_icon_01.png"),
        },
        {
          img: require("@/assets/img/index/fwts_icon_02.png"),
        },
        {
          img: require("@/assets/img/index/fwts_icon_03.png"),
        },
        {
          img: require("@/assets/img/index/fwts_icon_04.png"),
        },
      ],

swiperOption: {
        loop: true,
        loopFillGroupWithBlank: true,
        autoplay: {
          delay: 3000,
          disableOnInteraction: false,
        },
        centeredSlides: true,
        slidesPerView: 3,
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
      },

computed: {
    swiper() {
      return this.$refs.mySwiper.swiper;
    },
  },

.loop {
    width: 770px;
    height: 285px;
    outline: 1px solid;

    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      -webkit-transition: transform 1.0s;
      -moz-transition: transform 1.0s;
      -ms-transition: transform 1.0s;
      -o-transition: transform 1.0s;
      -webkit-transform: scale(0.7);
      transform: scale(0.7);
    }

    .swiper-slide-active,
    .swiper-slide-duplicate-active {
      -webkit-transform: scale(1);
      transform: scale(1);
    }

    .swiper-slide img {
      width: 100%;
      height: 100%;
    }

    .swiper-button-prev,
    .swiper-button-next {
      color: rgb(88, 105, 133);
    }
  }