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;
          }

 

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 共2条
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片快捷回复
社区求救信号帮助是一种美德