时间戳

首页 > 解决方案 > 拉拉维尔 | Bootstrap 5 丸 - 课堂活动/表演

laravel - 拉拉维尔 | Bootstrap 5 丸 - 课堂活动/表演

问题描述

如何正确添加表演和活动课程以引导 5 颗药丸？现在我尝试做这样的事情：

<div class="nav-head">
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
@foreach($blocks as $item)
@foreach ($item->offers->take(4) as $offer)
      <li class="nav-item" role="presentation">
           <a class="nav-link {{ $offer->first ? 'active' : ''}} {{ $offer->first ? 'show' : ''}}" data-bs-toggle="tab" href="#tabs-{{ $offer->id }}">{{ $offer->title }}</a>
     </li>
@endforeach
@endforeach
</ul>
</div>

<div class="tab-content" id="pills-tabContent">
@foreach($blocks as $item)
@foreach ($item->offers as $offer)
       <div class="tab-pane fade {{ $offer->first ? 'active' : ''}} {{ $offer->first ? 'show' : ''}}" id="tabs-{{ $offer->id }}" role="tabpanel" aria-labelledby="live-chat-tab">
...
      </div>
@endforeach
@endforeach
</div>

线：

{{ $offer->first ? 'active' : ''}} {{ $offer->first ? 'show' : ''}}

但它不起作用。你能帮助我吗？谢谢！

标签： laraveltwitter-bootstrap

解决方案

应该$loop->first不是 $offer->first

当 时looping，一个$loop变量将在您的循环内可用。此变量提供对一些有用信息的访问，例如当前循环索引以及这是循环中的第一次还是最后一次迭代：

{{$loop->first ? 'active' : ''}} {{$loop->first ? 'show' : ''}}

参考：https ://laravel.com/docs/8.x/blade#the-loop-variable

推荐阅读