0

我正在运行 EXT：新闻系统，KEY：新闻版本。2.2.1 在带有 FLUID/EXTBASE 的 TYPO3 v. 6.1 上

我在迭代工作时遇到了一些问题，我显示 3 个项目/页面，我需要为 3 个项目使用 3 个不同的 css 类（li 类，我试图给 LI 一些类名，但我只是获取 UL 标签和 a div 标签，在 UL 之后没有任何 LI 标签与类。

是否有人尝试显示具有迭代条件的项目？

我的代码。

  <!-- Show List/Grid of drills Start (..list/itemdrills.html) -->
  <f:if condition="{settings.templateLayout} == 100">
    <f:then>
      <f:if condition="{settings.hidePagination}">
        <f:then>
          <f:for each="{news}" as="newsItem" iteration="iterator">
            <f:if condition="{iterator.index} == 1">
              <li class="first-item"><f:render partial="List/ItemDrills" arguments="{newsItem: newsItem, settings:settings}" /></li>
            </f:if>
            <f:if condition="{iterator.index} == 2">
              <li class="second-item"><f:render partial="List/ItemDrills" arguments="{newsItem: newsItem, settings:settings}" /></li>
            </f:if>
            <f:if condition="{iterator.index} == 3">
              <li class="third-item"><f:render partial="List/ItemDrills" arguments="{newsItem: newsItem, settings:settings}" /></li>
            </f:if>
          </f:for>
        </f:then>
        <f:else>  
          <n:widget.paginate objects="{news}" as="paginatedNews" configuration="{settings.list.paginate}">       
            <div class="news-list-view">
              <ul class="cbp_tmtimeline {newsItem.type}{f:if(condition: newsItem.istopnews, then: ' topnews')}">            
                <f:for each="{paginatedNews}" as="newsItem">
                  <f:render partial="List/ItemDrills" arguments="{newsItem: newsItem, settings:settings}" />
                </f:for>         
              </ul>
            </div>
          </n:widget.paginate>
        </f:else>
      </f:if>
    </f:then>
  <!-- Show List/Grid of drills End -->
4

1 回答 1

0

如果您每页显示 3 个项目，我假设您正在使用分页。然后只有“hidePagination”条件的其他部分将适用。

所以你的迭代

<f:for each="{paginatedNews}" as="newsItem">

并将其传递给您应用样式的部分。请记住，使用纯 CSS 很容易为第 1、第 2、第 3 项设置样式。

于 2013-12-10T14:37:04.633 回答