微信小程序====＞swiper轮播自定义指示点的style

/* 默认指示点的样式 */
.swiper .wx-swiper-dot {
  width: 15rpx;
  height: 15rpx;
  background: rgb(119, 119, 119);
  border-radius: 15rpx;
}
 
/* 选中指示点的样式 */
.swiper .wx-swiper-dot.wx-swiper-dot-active {
    width: 30rpx;
    height: 15rpx;
    background: rgb(0, 0, 0);
    border-radius: 15rpx;
    border: 1px solid teal;
}