矩阵枝条循环行 - 奇怪的一种颜色甚至交替的颜色

Question

我正在尝试遍历导致以下内容的行：

row 1 - white
row 2 - gray
row 3 - white
row 4 - navy
row 5 - white
row 6 - gray 
row 7 - white
row 8 - navy

等......

我有以下内容，显然只适用于前5行，但似乎无法找出正确的方法：

{% if loop.index is odd %}
    <div id="{{ target }}" class="band white">
{% elseif loop.index == 2 %}
    <div id="{{ target }}" class="band gray">
{% elseif loop.index == 4 %}
    <div id="{{ target }}" class="band navy">
{% endif %}

任何帮助表示赞赏。谢谢！

Answer 1

您可能需要查看cycle功能，并按照以下方式使用它：

class="band {{ cycle(["white", "gray", "white", "navy"]), loop.index0 }}"