swiper 内嵌 php 循环,单页展示多条数据
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 的倍数时,就输出单页结尾和下一页的开始。