微信小程序：自定义swiper 圆点的样式

// 圆点上下位置 [注意：此处没有空格]
.wx-swiper-dots.wx-swiper-dots-horizontal {
    margin-bottom: -16rpx;
}

// 圆点样式
.wx-swiper-dots .wx-swiper-dot { 
  width: 10rpx;
  height: 10rpx;
  margin: 0 5rpx;
}

// 当前选中圆点样式
.wx-swiper-dots .wx-swiper-dot.wx-swiper-dot-active {
    width: 16rpx;
    border-radius: 10rpx;
}

Less样式写法

wxml