微信小程序 轮播图 修改小点点

.swiper-box .wx-swiper-dot{
    display: inline-flex;
    justify-content:space-between;
    border-radius: 50%;
}
.swiper-box .wx-swiper-dot::before{
    content: '';
    flex-grow: 1;  
    background: gray;
      border-radius: 50%;
}
.swiper-box .wx-swiper-dot-active::before{
    background:white;  
      border-radius: 50%;  
}

<swiper class="swiper-box" indicator-dots="true" interval="3000" duration="600" style="height:500px;" current="{{num}}" > <block wx:for="{{imgs}}"> <swiper-item> <!--<navigator url="{{item.src}}">点击图片出现白影--> <image class="slide-image" src="{{item.src}}" width="100%"></image> <!--</navigator>--> </swiper-item> </block></swiper>