微信小程式：自定義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;
}      

參考

小程式swiper輪播圖，自定義樣式，兩種方法：…