效果图：

实现代码：

		<view class="card card_b"><swiper :autoplay="true" interval="3000" duration="500" :current="swiperCurrent" @change="swiperChange"class="swiper" :circular="true"><block v-for="(item,index) in imgUrls" :key="index"><swiper-item><view catchtap="click_swiper" :id="index"><image :src="item" class="img"></image></view></swiper-item></block></swiper><view class="s_b"><block v-for="(item,index) in imgUrls" :key="index"><view class="" :class="index == swiperCurrent ? ' active' : 'dot'"></view></block></view></view>

JS

// 轮播swiperChange(e) {this.swiperCurrent = e.detail.current;},

CSS

.card {border-radius: 15rpx;margin-bottom: 30rpx;width: 94%;margin-left: 3%;margin-top: 60rpx;}swiper {height: 300rpx;border-radius: 15rpx;}swiper-item {/* position: relative; */border-radius: 15rpx;}swiper-item .img {height: 300rpx;width: 100%;border-radius: 15rpx;}.s_b {position: absolute;top: 434rpx;display: flex;justify-content: center;transform: translateX(-50%);left: 50vw;}.dot {height: 10rpx;width: 10rpx;background: #EF7280;margin-right: 6rpx;border-radius: 50%;}.active {background: #EF7280;height: 10rpx;width: 22rpx;margin-right: 10rpx;margin-left: 10rpx;border-radius: 50rpx;}