For循环中第一行的特殊列布局

Question

我有一个网页，每行显示4个图像。

我想使第一行成为与其他行不同的列配置的特殊行，如下图所示。

所以这个特殊的排将有3列在一个更大尺寸的第一个。

下面是我现在有的和<li>代表一行，<figure>代表一列。

<ul> 
    <li> 
    <% Object.keys(data).forEach(function(key) { %> 

     <% if (key%4 == 0 && key != 0) { %> 
      </li><li> 
     <% } %> 
     <figure> 

      ... 

     </figure> 
    <% }) %> 
</ul> 

我不能让我的头周围加上内环路这一条件。

Answer 1

最好写在普通的js文件中，但无论如何，你能检查一下吗？

<% Object.keys(data).forEach(function(key) { %> 

    <% if (key === 0) { %> 
     <figure class="double-size"> 

      ... 

     </figure> 
    <% } else { %> 
     <% if ((key+1)%4 == 0 && key != 0) { %> 
      </li><li> 
     <% } %> 

     <figure> 

      ... 

     </figure> 
    <% } %> 

<% }) %>