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

最新推荐文章于 2024-08-21 17:47:57 发布

四叶草的IT小业

最新推荐文章于 2024-08-21 17:47:57 发布

阅读量9.6k

点赞数

本文链接：https://blog.csdn.net/dashen_me/article/details/76890188

版权

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