如何解决在 html twig 中创建动态行和列
我有以下代码处理树枝文件:
<div class="view-content">
<div class="views-responsive-grid views-responsive-grid-horizontal views-columns-12 container-12">
<div class="views-row views-row-1 views-row-first">
<div class="grid-2 views-column-1">
<div class="views-field views-field-field-seal">
<div class="field-content"><a href="/link1" class="content-processed"><img src="/sites/default/files/mainimage1.png" width="121" height="121"></a></div>
</div>
</div>
<div class="grid-2 views-column-2">
<div class="views-field views-field-field-seal">
<div class="field-content"><a href="/link2" class="content-processed"><img src="/sites/default/files/mainimage2.png" width="121" height="121"></a></div>
</div>
</div>
</div>
</div>
此代码生成如下输出:
这意味着,它正确生成了 2 列,其中一行包含图像。我想使用循环动态转换此代码。
在我想用 {{ field.field_image.content }} 替换的图像位置和我想用 {{ field.field_url.content }} 替换的 URL 位置
我想用树枝批处理来做到这一点,但需要帮助。谢谢
解决方法
假设您的集合名为 fields
,
<div class="view-content">
{% for row in fields|batch(2) %}
<div class="views-responsive-grid views-responsive-grid-horizontal views-columns-12 container-12">
<div class="views-row views-row-1 views-row-first">
{% for field in row %}
<div class="grid-2 views-column-{{ loop.index }}">
<div class="views-field views-field-field-seal">
<div class="field-content"><a href="{{ field.field_url.content }}" class="content-processed"><img src="{{ field.field_image.content }}" width="121" height="121"></a></div>
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。