代码之家  ›  专栏  ›  技术社区  ›  the_lorem_ipsum_guy

每项增加3点

  •  3
  • the_lorem_ipsum_guy  · 技术社区  · 6 年前

    我不知道这个标题,并试图搜索,但我不知道我应该把它放在什么关键字,所以我创建了一个新的,但如果已经有一个类似的帖子。你能把它联系起来吗?我的问题是如何在下图中实现这个目标。

    enter image description here

    @php $i = 0; @endphp
    @foreach ($posts as $key => $post)
     @if ($key % 2 === 0)
      <div class="row">
       <div class="col-md-4"><img src="{{ $post->image }}" /></div>
       <div class="col-md-8">
        - {{ $i+=1 }}
        - {{ $i+=2 }}
        - {{ $i+=3 }}
       </div>
      </div>
     @else
     @endif
    @endforeach
    

    bootstrap的另一个类正在工作,但是每个值的增量是我不知道如何完成它。

    1 回复  |  直到 6 年前
        1
  •  1
  •   Bing    6 年前

    我不熟悉幼体语法,但对于逻辑,我认为应该有更类似的东西:

    @php $i = 0; @endphp
    @foreach ($posts as $key => $post)
     @if ($key % 2 === 0)
      <div class="row">
       <div class="col-md-4"><img src="{{ $post->image }}" /></div>
       <div class="col-md-8">
        - {{ ++$i }}
        - {{ ++$i }}
        - {{ ++$i }}
       </div>
      </div>
     @else
      <div class="row">
       <div class="col-md-8">
        - {{ ++$i }}
        - {{ ++$i }}
        - {{ ++$i }}
       </div>
       <div class="col-md-4"><img src="{{ $post->image }}" /></div>
      </div>
     @endif
    @endforeach
    

    需要注意的是我改变了: 1。增量 $i 每个号码一个,否则你将跳过号码 2。什么时候? $key 不是事件,请在另一侧打印图像。

    同样,我不熟悉幼体语法,也不知道 $posts array是(如果你的键不是偶数/奇数交替的,你就不会有图像在左右之间来回移动)。

    希望这能给你一些方向。