首页 > JS > swiper两排轮播如果资料没得那么多就变成一排轮播

swiper两排轮播如果资料没得那么多就变成一排轮播

时间:2023-06-27浏览次数:802

两排轮播效果,当资料没有两排的时候就展示一排。

代码如下:

重点加上:

slidesPerColumnFill:'row',

direction:'horizontal',

<script>
        var swiper = new Swiper('.honor.swiper-container', {
            pagination: '.honor .swiper-pagination',
            slidesPerView: 4,
            slidesPerColumn: 2,
            slidesPerColumnFill:'row',
            direction:'horizontal',
            nextButton: '.honor-box .swiper-button-next',
            prevButton: '.honor-box .swiper-button-prev',
            paginationClickable: true,
            spaceBetween: 30
        });
</script>