<div class="assetAuction-main-swiper">
<el-carousel :interval="5000" arrow="hover" indicator-position="none" :initial-index="initial" ref="carouselRef">
<el-carousel-item v-for="item in imgList" :key="item">
<img class="top-img" :src="item" alt="" />
</el-carousel-item>
</el-carousel>
<div class="assetAuction-main-swiper-bot" ref="swiperRef">
<div class="assetAuction-main-swiper-bot-left scroll-button" @click="scrollLeft"></div>
<img
:src="item"
alt=""
class="assetAuction-main-swiper-bot-item"
v-for="(item, index) in imgList"
:key="index"
@click="changeSwiper(item, index)"
/>
<div class="assetAuction-main-swiper-bot-right scroll-button" @click="scrollRight"></div>
</div>
</div>
const changeSwiper = (item: any, index: number) => {
carouselRef.value.setActiveItem(index)
}