修改swiper轮播图下部的小点点

在日常开发中我们使用swiper插件时，底部的小点点需要修改成如上图样式的形状，那么上代码吧

 				
                
"swiper-pagination">
                    
                

上面代码即为html中swiper小点点的代码。

.swiper-pagination .swiper-pagination-bullet{
    border-radius: 0px;
}
.listA_banner .swiper-pagination span{
    width: 48px;
    height: 4px;
    background-color: #fff;
}
.listA_banner .swiper-container .swiper-pagination-bullet-active{
    background-color: #FF3939;
}

上面代码为修改小点点的样式，希望能够帮助大家。