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']