TYPO3分机:新闻系统，键:新闻-新闻浏览。

Question

我正在运行TYPO3 v.6.1流体/EXTBASE。

扩展:新闻系统，键:新闻。

在显示所有新闻的list.html页面上，如果我在安装程序中选择显示6个新闻/站点，我可以添加UL/LI布局。

那么，是否可以在list.html页面中告诉它：

李一需要风格

style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(0px, 0px);"

李二需要风格

style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(279px, 0px);"

李三需要风格

style="position: absolute; left: 0px; top: 0px; height: 258px; transform: translate(558px, 0px);"

..。对于李六，所有的李都没有数字，但我在这里参考。到我在设置中设置的6个新闻/站点。

这样我就可以用3列制作一个2行6条新闻的网格视图了？

Answer 1

您可以将迭代用于每种类型的

<f:for each="{news}" as="newsItem" iteration="iterator">
    <f:if condition="{iterator.index} == 1">...</f:if>
        <li class="first-item"></li>
    </f:if>
    <f:if condition="{iterator.index} == 2">...</f:if>
        <li class="second-item"></li>
    </f:if>
</f:for>

但您必须将此条件添加到所有项目中。否则，您可以使用循环-viewhelper来定义如下列：

<f:for each="{news}" as="newsItem">
  <f:cycle values="{0: 1, 1: 2, 2: 3}" as="cycle">
    <f:if condition="{cycle} == 1">...</f:if>
        <li class="col-1"></li>
    </f:if>
    <f:if condition="{cycle} == 2">...</f:if>
        <li class="col-2"></li>
    </f:if>
    <f:if condition="{cycle} == 2">...</f:if>
        <li class="col-2"></li>
    </f:if>
  </f:cycle>
</f:for>

在这里，您只需向每一列添加条件。我只会按条件添加类，而不是整个li-标记，但是上面的代码读起来更好一些。

<f:for each="{news}" as="newsItem" iteration="iterator">
    <li class="{f:if(condition: "{iterator.index} == 1", then: 'first-class')} {f:if(condition: "{iterator.index} == 2", then: 'second-class')}">

    </li>   
</f:for>

Answer 2

执行从0开始，所以就像.

<f:for each="{news}" as="newsItem" iteration="iterator">
<f:if condition="{iterator.index} == 0">...</f:if>
    <li class="first-item"></li>
</f:if>
<f:if condition="{iterator.index} == 1">...</f:if>
    <li class="second-item"></li>
</f:if>
</f:for>