【发布时间】:2021-01-27 16:00:54
【问题描述】:
<div class="col-lg-4 col-md-4">
<div class="media-banner mb-3 mb-lg-0 banner-bottom">
<a href="{!! URL::to('product-list/8/women') !!}" class="banner-container">
<img src="{{ asset('frontend/img/women.jpg') }}" alt="" class="img-fluid" >
</a>
</div>
<div class="media-banner mb-3 mb-lg-0 banner-bottom">
<a href="{!! URL::to('product-list/10/girls') !!}" class="banner-container">
<img src="{{ asset('frontend/img/girls.jpg') }}" alt="" class="img-fluid">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="media-banner mb-3 mb-lg-0">
<a href="{!! URL::to('product-list/9/men') !!}" class="banner-container">
<img src="{{ asset('frontend/img/men.jpg') }}" alt="" class="img-fluid" >
</a>
</div>
</div>
<div class="col-lg-4 col-md-4">
<div class="media-banner mb-3 mb-lg-0 banner-top">
<a href="{!! URL::to('product-list/11/boys') !!}" class="banner-container">
<img src="{{ asset('frontend/img/boys.jpg') }}" alt="" class="img-fluid">
</a>
</div>
<div class="media-banner mb-3 mb-lg-0 banner-top">
<a href="{!! URL::to('product-list/12/hijab') !!}" class="banner-container">
<img src="{{ asset('frontend/img/b.jpg') }}" alt="" class="img-fluid">
</a>
</div>
</div>
这是我需要制作动态的示例 HTML 对于前 2 项,只有第 3 项 col-MD-4 类有 col-MD-4 类,第 4 和第 5 项有另一个 col-MD-4 类
我试图解决这个问题,我的代码是
@php $slno = 1; @endphp
@foreach($categories as $n)
@php $key = strtolower(preg_replace("/[^a-zA-Z0-9]+/", "-", $n->name)) @endphp
@if($slno!=3)
<div class="col-lg-4 col-md-4">
<div class="media-banner mb-3 mb-lg-0 @if($slno == 1 || $slno == 2){{ 'banner-bottom' }} @elseif($slno == 3 || $slno == 4){{ 'banner-top' }}@endif">
<a href="{!! URL::to('product-list/'.$n->id.'/'.$key) !!}" class="banner-container">
<img src="{{ asset('categories/'.$n->image) }}" alt="" class="img-fluid" >
</a>
</div>
</div>
@else
<div class="col-lg-4 col-md-4">
<div class="media-banner mb-3 mb-lg-0">
<a href="{!! URL::to('product-list/'.$n->id.'/'.$key) !!}" class="banner-container">
<img src="{{ asset('categories/'.$n->image) }}" alt="" class="img-fluid" >
</a>
</div>
</div>
@endif
@php $slno++; @endphp
@endforeach
但我肯定错了。
【问题讨论】:
-
你试过桌子吗??得到这个设计?
-
改变这种情况并尝试@if($slno!==3)
-
每次都会调用带有 div 类的 col-md 4。
标签: php arrays laravel loops foreach