微信小程序 轮播图 修改小点点「建议收藏」

.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>