<swiper class="active-areaswiper"></swiper>
.wxss
/* 默认的样式 */
.active-areaswiper .wx-swiper-dot {
width: 8rpx;
height: 8rpx;
background: #DFDFDF;
border-radius: 4rpx;
}
/* 选中的样式 */
.active-areaswiper .wx-swiper-dot.wx-swiper-dot-active {
width: 16rpx;
height: 8rpx;
background: #34AD18;
border-radius: 4rpx;
}
小程序修改swiper指示点样式
最新推荐文章于 2024-08-01 15:15:24 发布