2018-07-11 小程序轮播指示点样式修改

swiper .wx-swiper-dots.wx-swiper-dots-horizontal{

    margin-bottom: 2rpx;

}

swiper .wx-swiper-dot{

    width:40rpx;

    display: inline-flex;

    height: 10rpx;

    margin-left: 20rpx;

    justify-content:space-between;

}

swiper .wx-swiper-dot::before{

    content: '';

    flex-grow: 1;

    background: rgba(255,255,255,0.8);

    border-radius: 8rpx

}

swiper .wx-swiper-dot-active::before{

    background:rgba(244,0,0,0.8); 

}

你可能感兴趣的:(2018-07-11 小程序轮播指示点样式修改)