Swiper实现环形轮播

vue组件内使用swiper实现环形轮播

实现思路使用swiper的3D轮播，改变方向，更改slide 的位置

---

HTML：

<template>
  <div>
     <swiper class="swiper-contain" :options="swiperOption" ref="mySwiper">
       
        <swiper-slide 
          :key="i" 
          v-for="(item, i) in imgList" 
          ref="swiperItem"
        >
          <img :src="[(selectindex > 4 ? selectindex-5 : selectindex) == i ? item.selectUrl :item.icoUrl]" class="home_swiper_img" />
          
        </swiper-slide> 
    </swiper>
  
  </div>
</template>

---

script：

<script>
const c_swiper = document.getElementsByClassName("swiper-contain")
let _this =this
export default {
   
  
  props:['imgList']