Вопрос по верстке. Сайт на laravel

232

20 апреля 2018, 14:51

Доброго времени! Такой вопрос по верстке.

Сайт на laravel, через @foreach перебираются блоки статей на главной странице, отличаются блоки положением текста и картинки. И вот задача: предположим, есть один <div class="first">, а другой <div class="second">. Как можно реализовать условие через if? То есть, предположим i=1, это <class="first">, i=2, это <class="second">, ну и, естественно else - error. И в первый div попадает одна статья, во второй другая. Или не через i, а как-то в условии прописать css класс. Не совсем понимаю, какой в данном случае синтаксис будет.

Ещё подробнее постараюсь объяснить: Разница в классах - разница в отображении контекста. class="first" - первая статья: идет "текст - картинка", class="first" - вторая статья: "картинка - текст". Нужно вывести это всё через if :)

А главный вопрос, вообще реально через if прописывать css классы, возможна ли такая реализация? За ранее, большое спасибо!!!

Answer 1

Можно добавить переменную-счётчик, и вычислять значение по модулю. Этот демо-пример, можно скопировать целиком в отдельный шаблон, и на его основе дописать ваш файл:

@php
    $css = ['first', 'second'];
    $array = range(1, 10);
    $i = 0;
@endphp
@foreach($array as $string)
    <div class="{{$css[$i++ % 2]}}">{{$string}}</div>
@endforeach

В результате в исходном коде вы увидите теги:

<div class="first">1</div>
<div class="second">2</div>
<div class="first">3</div>
<div class="second">4</div>
<div class="first">5</div>
<div class="second">6</div>
<div class="first">7</div>
<div class="second">8</div>
<div class="first">9</div>
<div class="second">10</div>