使用2种不同的背景样式运行foreach

Question

我正在尝试运行一个foreach循环以返回标题和价格。但是我需要将结果放入不同的框中，一个有背景img，另一个没有背景img。这些框在页面中交替显示。

] 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：在您的情况下，背景看起来好像是您的卡片的奇数。使用the loop variable。

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

但是，$loop->even仅在Laravel 5.8中有效。如果低于Laravel 5.8，请改用@if($loop->iteration % 2)

Answer 2

您尝试过吗？ http://image.intervention.io/api/text

提示：您可以捕获图像大小并进行数学运算以设置文本叠加层的文本X，Y。