Swiper实现轮播效果

swiper轮播 无所不能 主要还可以用来实现置顶文章轮播? 正好本站也用上了

前端代码

左右使用iconfont

.swiper-button-prev,.swiper-button-next{
            background: none;
        }
         .swiper-button-prev i,.swiper-button-next i{
            font-size:40px;
            color: aqua; 
        }
        
         <div class="swiper-button-prev"><i class="iconfont icon-left"></i></div>
        <div class="swiper-button-next"><i class="iconfont icon-zuoyoujiantou"></i></div>

小圆点

.swiper-pagination-bullet-active {
             opacity: 1;
             background: #6ce68a;
          }