Files
Tstore/resources/views/storefront/home.blade.php
浪子 04a2034975 前端极简黑白重设计,并纳入客户端注册、站点设置与后台相关改动
- storefront 全站改为极简黑白配色:直角、细线分隔、卡片 hover 浅底、深色模式(跟随系统+手动切换)
- 抽出 storefront/partials/card 复用卡片
- 一并提交此前暂存的客户端注册 API、站点设置、后台页面与测试

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
2026-09-22 08:35:49 +08:00

64 lines
3.1 KiB
PHP

@extends('storefront.layout', ['title' => (config('app.name', 'Tstore')) . ' · ' . ($storeSettings['home_title_suffix'] ?? '扩展展示站')])
@section('hero')
<section class="hero">
<div class="container">
<span class="eyebrow">{{ $storeSettings['home_eyebrow'] ?? 'Public Showcase' }}</span>
<h1 class="headline">{{ $storeSettings['home_headline'] ?? '更干净的 Typecho 扩展展示站' }}</h1>
<p class="lede">{{ $storeSettings['home_lede'] ?? '前台只负责展示插件与主题的资料、分类、兼容性和截图,真正的发布、上传和站点接入都由服务端统一维护,信息层次更清楚。' }}</p>
<div class="hero-actions">
<a class="btn" href="{{ route('storefront.plugins') }}">浏览插件</a>
<a class="btn ghost" href="{{ route('storefront.themes') }}">浏览主题</a>
</div>
<div class="stats">
<div class="stat"><strong>{{ $stats['packages'] }}</strong><span>已发布扩展</span></div>
<div class="stat"><strong>{{ $stats['plugins'] }}</strong><span>插件</span></div>
<div class="stat"><strong>{{ $stats['themes'] }}</strong><span>主题</span></div>
<div class="stat"><strong>{{ $stats['categories'] }}</strong><span>分类</span></div>
</div>
</div>
</section>
@endsection
@section('content')
<section class="section">
<div class="container">
<div class="section-head">
<div>
<span class="section-kicker">Plugins</span>
<h2>{{ $storeSettings['home_plugins_title'] ?? '推荐插件' }}</h2>
<p>{{ $storeSettings['home_plugins_subtitle'] ?? '优先展示适合作为目录首页入口的插件,突出摘要、作者、分类和版本信息。' }}</p>
</div>
<a class="btn ghost sm" href="{{ route('storefront.plugins') }}">查看全部</a>
</div>
<div class="grid">
@forelse($featuredPlugins as $package)
@include('storefront.partials.card', ['package' => $package, 'typeLabel' => '插件', 'fallback' => 'P'])
@empty
<div class="empty">当前还没有推荐插件。</div>
@endforelse
</div>
</div>
</section>
<section class="section">
<div class="container">
<div class="section-head">
<div>
<span class="section-kicker">Themes</span>
<h2>{{ $storeSettings['home_themes_title'] ?? '推荐主题' }}</h2>
<p>{{ $storeSettings['home_themes_subtitle'] ?? '主题列表保持同样的展示逻辑,方便在统一视觉下浏览不同类型的扩展内容。' }}</p>
</div>
<a class="btn ghost sm" href="{{ route('storefront.themes') }}">查看全部</a>
</div>
<div class="grid">
@forelse($featuredThemes as $package)
@include('storefront.partials.card', ['package' => $package, 'typeLabel' => '主题', 'fallback' => 'T'])
@empty
<div class="empty">当前还没有推荐主题。</div>
@endforelse
</div>
</div>
</section>
@endsection