thymeleaf循环列表增加分行判断

最近做的小系统网站,模板展示的时候,需要每3个作品一行。需要在thymeleaf中增加判断。如果到第三个了,增加一对儿</div><div>反向的内容。研究了好长时间,终于实现了。记录下。

<div class="container">
    <div class="row service-v1 margin-bottom-40">
        <th:block th:each="obj,stat:${zuopinList}">
            <div class="col-md-4 md-margin-bottom-40">
                <div class="card small">
                    <div class="card-image">
                        <img class="img-responsive" th:src="'/Photos' + ${obj.pic.path + obj.pic.filename + obj.pic.extend}" src="Photos/12/14/nmy2ge4f.jpg" width="355px" height="236px" alt="">
                        <span th:utext="${obj.fileName} + '<a href=&quot;/zuopin' + ${obj.path}  + '&quot; target=&quot;_blank&quot;>下载</a></span>'" class="card-title">下载</span>
                    </div>
                    <div th:utext="${obj.miaoshu}" class="card-content">
                        <p>
                            1、制作一个可以左右移动的球拍。
                        </p>
                    </div>
                </div>
            </div>
            <th:block th:if="${stat.count % 3 == 0}" th:utext="${'</div><div class=&quot;row service-v1 margin-bottom-40&quot;>'}">
            </th:block>
        </th:block>
    </div>
</div>

发表评论

电子邮件地址不会被公开。 必填项已用*标注