结构
Some checks failed
Tests / PHP 8.2 (push) Has been cancelled
Tests / PHP 8.3 (push) Has been cancelled
Tests / PHP 8.4 (push) Has been cancelled

This commit is contained in:
zhongjy001
2026-03-10 10:15:14 +08:00
parent e30c6a9f14
commit 20670f45e1
3 changed files with 33 additions and 74 deletions

View File

@@ -1,29 +1,34 @@
@props([
'tools' => [],
'cardClass' => 'tool-card',
'nameClass' => 'tool-card-name',
'metaClass' => 'tool-card-meta',
'tagClass' => 'tool-card-tag',
'tools' => [],
'cardClass' => 'tool-card',
'nameClass' => 'tool-card-name',
'metaClass' => 'tool-card-meta',
'tagClass' => 'tool-card-tag',
'showMeta' => 'true',
'showFooter' => 'true',
])
<div class="tool-grid">
@foreach($tools as $tool)
<a class="{{ $cardClass }}" href="{{ route('tools.show', $tool->slug) }}">
@if($tool->logo_url)
<div class="tool-card-icon">
<img src="{{ $tool->logo_url }}" alt="{{ $tool->name }}" loading="lazy">
</div>
@endif
<div class="{{ $nameClass }}">{{ $tool->name }}</div>
<div class="{{ $metaClass }}">{{ $tool->category?->name ?? '未分类' }} · {{ $tool->pricing_type }}</div>
@if($tool->summary)
<p class="tool-card-desc">{{ $tool->summary }}</p>
@endif
<div class="tool-card-footer">
<span class="{{ $tagClass }}">{{ $tool->has_api ? '支持 API' : '无 API' }}</span>
<span class="tool-card-date">{{ $tool->published_at?->format('Y-m-d') }}</span>
</div>
</a>
<a class="{{ $cardClass }}" href="{{ route('tools.show', $tool->slug) }}">
@if($tool->logo_url)
<div class="tool-card-icon">
<img src="{{ $tool->logo_url }}" alt="{{ $tool->name }}" loading="lazy">
</div>
@endif
<div class="{{ $nameClass }}">{{ $tool->name }}</div>
@if($showMeta)
<div class="{{ $metaClass }}">{{ $tool->category?->name ?? '未分类' }} · {{ $tool->pricing_type }}</div>
@endif
@if($tool->summary)
<p class="tool-card-desc">{{ $tool->summary }}</p>
@endif
@if($showFooter)
<div class="tool-card-footer">
<span class="{{ $tagClass }}">{{ $tool->has_api ? '支持 API' : '无 API' }}</span>
<span class="tool-card-date">{{ $tool->published_at?->format('Y-m-d') }}</span>
</div>
@endif
</a>
@endforeach
</div>
</div>