swiper 中的每个 swiper-slide 表示一个滑动的单页,如果每个单页只展示一条数据,这是比较好布局的。但如果每个单页展示多条数据,就需要额外的逻辑处理。

<div class="swiper-container">
<div class="swiper-wrapper">
    <div class="swiper-slide">
    <ul>
    {loop $companies $index $company}
        {if $index != 0 && $index%4 == 0}
        </ul>
        </div>
        <div class="swiper-slide">
        <ul>
        {/if}
        <li>{$company[company]}于{$company[add_time]}入驻联创</li>
    {/loop}
    </ul>
    </div>
</div>
</div>

在循环外会存在一个开头和一个结尾,中间需要判断是否要结束当前单页数据输出和开始下一个单页,主要判断逻辑为 $index != 0 && $index%4 == 0

关联数组索引从 0 开始,不包括 0,找到能够被 4 整除,就是循环每到 4 的倍数时,就输出单页结尾和下一页的开始。