2

我正在使用amp-list和amp-mustache模板在我的 AMP 页面上显示博客文章列表，如下例所示：

<amp-list
  width="auto"
  height="100"
  layout="fixed-height"
  src="/data/blog-list.json"
>
  <template type="amp-mustache">
    <div class="blogitem blogitem--horizontal">
      <a href="{{url}}">{{title}}</a>
      ...
    </div>
  </template>
</amp-list>

但是，我需要列表中的第一项与其他项不同。第一项的 html 略有不同。是否有某种可用的循环变量可用于执行以下操作：

<amp-list
  width="auto"
  height="100"
  layout="fixed-height"
  src="/data/blog-list.json"
>
  <template type="amp-mustache">
    {{#if loop->first}}
      <div class="blogitem blogitem--vertical">
        <a href="{{url}}">{{title}}</a>
        ...
      </div>
    {{#else}}
      <div class="blogitem blogitem--horizontal">
        <a href="{{url}}">{{title}}</a>
        ...
      </div>
    {{/if}}
  </template>
</amp-list>

还是有另一种方法可以做到这一点？

谢谢！

4

0 回答 0