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

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

 				<!-- Add Pagination --><div class="swiper-pagination"></div>

上面代码即为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;
}

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