微信小程序 swiper指示点 修改位置 形状

image.png

 .wx-swiper-dots{position:relative;left:50%;top: 350rpx;}
   .swiper .wx-swiper-dot {
     height: 5rpx;
     width: 5rpx;
   }
/* 选中前 */
   .top-swiper  .wx-swiper-dot {
    width: 10rpx;
    height: 10rpx;
    border-radius: 5rpx;
  }
/* 选中后 */
   .top-swiper  .wx-swiper-dot-active {
     width: 44rpx;
     height: 10rpx;
     border-radius: 5rpx;
   }