Запустите foreach с 2 различными стилями фона

Question

Я пытаюсь запустить цикл foreach, чтобы вернуть заголовок и цену. Но мне нужно, чтобы результаты помещались в разные поля, у одного фоновое изображение, у другого фоновое изображение. Ящики чередуются вниз по странице.

] 3

Answer 1

Я предполагаю, что вы имеете в виду динамическое добавление класса card-w-bg к вашим картам.

Решение 1. Добавьте логическое значение background к вашей карте и используйте его для определения.

@foreach($cards as $card)
<div class="col-4">
    <div class="card x-auto @if($card->background) card-w-bg @endif">
        {{ $card->title }}
        {{ $card->description }}
    </div>
</div>
@endforeach

Решение 2: В вашем случае кажется, что фон появляется на нечетном количестве ваших карт.Используйте переменную цикла .

<div class="@if($loop->odd) card-w-bg @endif">

Однако $loop->even работает только в Laravel 5.8.Используйте @if($loop->iteration % 2) вместо этого, если ниже Laravel 5.8

Answer 2

Вы пробовали это?http://image.intervention.io/api/text

Подсказка: вы можете захватить размер изображения и сделать математику, чтобы установить текст X, Y для наложения текста.