清单不正确

Question

有人可以帮我这个公式吗？它没有给我我的需求。主动部分的前两个帖子，所有其他帖子都属于非活动部分。

    {% set memberLength = members|length / 2 %}
      {% for i in 1..memberLength %}
        {% set sliceStart = i * 2 - 2 %}
        {% set sliceLength = 2 %}
        {% if i < 2 %}
          <div class="carousel-item active">
            <div class="row m-0"> 
            {% for key, member in members|slice(sliceStart,sliceLength) %}
            <div class="col-lg-6 py-4 ps-lg-3 pe-lg-5 d-lg-block d-none">
                <div class="pb-4 mb-2 text-white">
                  <p class="fw-7 mb-0">{{ member.name }}</p>
                  <p>{{ member.podjmeno }}</p>
                </div>
                <div class="text-primary PF fz-19">
                  <h2 class="fw-4 mb-3">{{ member.nadpisvelky }}</h2>
                  <p><em>{{ member.description }}</em></p>
                </div>
              </div>
            {% endfor %}
            </div>
          </div>
        {% else %}
            <div class="carousel-item">
            <div class="row m-0"> 
            {% for key, member in members|slice(sliceStart,sliceLength) %}
             <div class="col-lg-6 py-4 ps-lg-3 pe-lg-5 d-lg-block d-none">
                <div class="pb-4 mb-2 text-white">
                  <p class="fw-7 mb-0">{{ member.name }}</p>
                  <p>{{ member.podjmeno }}</p>
                </div>
                <div class="text-primary PF fz-19">
                  <h2 class="fw-4 mb-3">{{ member.nadpisvelky }}</h2>
                  <p><em>{{ member.description }}</em></p>
                </div>
              </div>
            {% endfor %}
            </div>
          </div>
        {% endif %}
      {% endfor %}

Answer 1

如果要创建重复的HTML结构，最好使用过滤器 batch

在第一个项目上设置类 active 您可以使用属性 “ https” ：//twig.symfony.com/doc/3.x/tags/for.html#the-loop-variable“ rel =“ nofollow noreferrer”> loop actible variable

{% for items in members|batch(2) %}
<div class="carousel-item{{ loop.first ? ' active' }}">
    {% for item in items %}
        <div class="col-lg-6 py-4 ps-lg-3 pe-lg-5 d-lg-block d-none">
            <div class="pb-4 mb-2 text-white">
              <p class="fw-7 mb-0">{{ item.name }}</p>
              <p>{{ item.podjmeno }}</p>
            </div>
            <div class="text-primary PF fz-19">
              <h2 class="fw-4 mb-3">{{ item.nadpisvelky }}</h2>
              <p><em>{{ item.description }}</em></p>
            </div>
          </div>    
    {% endfor %}
</div>
{% endfor %}

demo