<style lang="scss">
wx-swiper .wx-swiper-dots {
bottom: 10rpx;
left: 350rpx;
}
wx-swiper .wx-swiper-dot {
width: 40rpx;
height: 4rpx;
border-radius: 4rpx;
background-color: #DBDBDB;
}
wx-swiper .wx-swiper-dot-active {
width: 40rpx;
height: 4rpx;
border-radius: 4rpx;
background-color: #C91C18;
}
<view class="iconblock">
<swiper class="swiper" circular :indicator-dots="true" style="height: 180px;">
<swiper-item v-for="(item,index) in list">
<u-grid :border="false" :col="5">
<u-grid-item v-for="(listItem,listIndex) in item" :key="listIndex">
<u-icon style="margin-top: 30rpx;" :name="listItem.name" :size="40"></u-icon>
<text class="grid-text">{{listItem.title}}</text>
</u-grid-item>
</u-grid>
</swiper-item>
</swiper>
</view>
效果图