html - 引导 foreach 循环

Question

我有这样的想法。

<div id="main_categories" class="row" data-equalizer>
    {foreach key=row item=category from=$results}   
    <div class="product col-xs-6 col-sm-3 col-md-3 col-lg-3">
        <div class="thumbnail clearfix text-center">
            <div class="image" data-equalizer-watch="image">{$category.photo}</div>
            <div class="caption" data-equalizer-watch="caption">
              <h3 class="name">{$category.name}</h3>
              {if $category.subcategories}
              <p class="hidden-xs">
                  {foreach key=row item=category_subcategories from=$category.subcategories} 
                      <span class="subcategory">{$category_subcategories.name}</span>
                  {/foreach}
              </p>
              {/if}
            </div>
        </div>
    </div>  
{/foreach}

</div>

第 3 和第 4 或第 2 和第 3 张照片是否有可能以不同的方式出现，不是 col-lg-3 而是 col-lg-6？

Answer 1

经过一番挖掘，我发现 SoteShop 在 PHP 上运行，在几种最流行的模板语言中，这看起来与Dwoo最相似。

查看文档并将语法拼凑在一起使我相信以下内容应该有效：

<div id="main_categories" class="row" data-equalizer>
    {foreach key=row item=category from=$results}
    {* 3rd and 4th elements (index 2 and 3) *}
    {if $.foreach.default.index == 2 || $.foreach.default.index == 3}
        {assign 6 lgcol}
    {else}
        {assign 3 lgcol}
    {/if}
    <div class="product col-xs-6 col-sm-3 col-md-3 col-lg-{$lgcol}">
        <div class="thumbnail clearfix text-center">
            <div class="image" data-equalizer-watch="image">{$category.photo}</div>
            <div class="caption" data-equalizer-watch="caption">
              <h3 class="name">{$category.name}</h3>
              {if $category.subcategories}
              <p class="hidden-xs">
                  {foreach key=row item=category_subcategories from=$category.subcategories} 
                      <span class="subcategory">{$category_subcategories.name}</span>
                  {/foreach}
              </p>
              {/if}
            </div>
        </div>
    </div>  
    {/foreach}
</div>