cjd/ai-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
resources/css/tool_index.css
View File

@@ -336,7 +336,7 @@ body { background: #ffffff !important; }
.tool-card {
border: 1px solid #e5e7eb;
border-radius: 10px;
border-radius: 4px;
background: #ffffff;
box-shadow: 0 1px 3px rgba(0,0,0,0.08);
padding: .7rem .75rem;
@@ -350,9 +350,7 @@ body { background: #ffffff !important; }
}
.tool-card:hover {
transform: translateY(-3px);
box-shadow: 0 8px 20px rgba(0,0,0,0.12);
border-color: #d1d5db;
border-color: #306AF1;
}
.tool-card-icon {

51
resources/views/components/portal/tool-grid.blade.php
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>

50
resources/views/public/tools/index.blade.php
View File

@@ -90,51 +90,7 @@ $bannerItems = collect(data_get($bannerModule, 'items', []))->take((int) data_ge
</nav>
</section>
@if(data_get($channelModule, 'enabled', true) === true)
<section id="section-channel" class="tool-section" aria-label="频道卡片">
<header class="tool-section-head">
<h2><i class="bi bi-grid text-primary"></i> {{ data_get($channelModule, 'title', '频道卡片') }}</h2>
</header>
<div class="tool-channel">
<div class="tool-channel-mini">
<a href="{{ route('home') }}"><i class="bi bi-house"></i><br>首页</a>
<a href="{{ route('tools.list') }}"><i class="bi bi-tools"></i><br>工具</a>
<a href="{{ route('models.index') }}"><i class="bi bi-cpu"></i><br>模型</a>
<a href="{{ route('news.index') }}"><i class="bi bi-newspaper"></i><br>资讯</a>
<a href="{{ route('guides.index') }}"><i class="bi bi-journal-code"></i><br>教程</a>
</div>
@forelse($channelItems as $channel)
<a class="tool-channel-card" href="{{ $channel['url'] ?: 'javascript:void(0)' }}" @if(!empty($channel['image_path'])) style="background-image:url('{{ $channel['image_path'] }}');" @endif>
<span>{{ $channel['title'] ?: '频道入口' }}</span>
</a>
@empty
<div class="tool-channel-card"><span>频道入口</span></div>
@endforelse
</div>
</section>
@endif
@foreach($moduleOrder as $moduleKey)
@if($moduleKey === 'promo_banners' && data_get($bannerModule, 'enabled', true) === true)
<section id="section-banner" class="tool-section" aria-label="横幅推荐">
<header class="tool-section-head">
<h2><i class="bi bi-megaphone text-primary"></i> {{ data_get($bannerModule, 'title', '横幅推荐') }}</h2>
<a href="{{ route('tools.list') }}">查看更多</a>
</header>
<div class="tool-banner-row">
@forelse($bannerItems as $banner)
<a class="tool-banner @if($loop->index % 2 === 1) alt @endif" href="{{ $banner['url'] ?: 'javascript:void(0)' }}" @if(!empty($banner['image_path'])) style="background-image:url('{{ $banner['image_path'] }}'); background-size:cover;" @endif>
<b>{{ $banner['title'] ?: '精选推荐' }}</b>
<small>{{ $banner['subtitle'] ?: '查看详情' }}</small>
</a>
@empty
<article class="tool-banner"><b>暂无横幅推荐</b><small>请在后台配置</small></article>
@endforelse
</div>
</section>
@endif
@if($moduleKey === 'hot_tools' && data_get($hotModule, 'enabled', true) === true)
<section id="section-hot" class="tool-section" aria-label="热门工具">
@@ -143,7 +99,7 @@ $bannerItems = collect(data_get($bannerModule, 'items', []))->take((int) data_ge
@php($hotMore = data_get($hotModule, 'more_url') ?: route('tools.list', ['tab' => 'recommended']))
<a href="{{ $hotMore }}">查看更多</a>
</header>
<x-portal.tool-grid :tools="$hotTools" />
<x-portal.tool-grid :tools="$hotTools" :show-meta="false" :show-footer="false" />
</section>
@endif
@@ -154,7 +110,7 @@ $bannerItems = collect(data_get($bannerModule, 'items', []))->take((int) data_ge
@php($latestMore = data_get($latestModule, 'more_url') ?: route('tools.list', ['tab' => 'latest']))
<a href="{{ $latestMore }}">查看更多</a>
</header>
<x-portal.tool-grid :tools="$latestTools" />
<x-portal.tool-grid :tools="$latestTools" :show-meta="false" :show-footer="false" />
</section>
@endif
@@ -167,7 +123,7 @@ $bannerItems = collect(data_get($bannerModule, 'items', []))->take((int) data_ge
</header>
@if($section['tools']->isNotEmpty())
<x-portal.tool-grid :tools="$section['tools']" />
<x-portal.tool-grid :tools="$section['tools']" :show-meta="false" :show-footer="false" />
@else
<p class="text-muted-soft mb-0">该分类暂未收录工具</p>
@endif