jkjoy/Tstore
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

前端极简黑白重设计,并纳入客户端注册、站点设置与后台相关改动

Browse Source 
- storefront 全站改为极简黑白配色:直角、细线分隔、卡片 hover 浅底、深色模式(跟随系统+手动切换)
- 抽出 storefront/partials/card 复用卡片
- 一并提交此前暂存的客户端注册 API、站点设置、后台页面与测试

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
浪子
2026-09-22 08:35:49 +08:00
parent 62cffc6f5f
commit 04a2034975
41 changed files with 3447 additions and 658 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/storefront/home.blade.php
+50 -89
View File
@@ -1,102 +1,63 @@
@extends('storefront.layout', ['title' => 'Tstore · 扩展展示站'])
@extends('storefront.layout', ['title' => (config('app.name', 'Tstore')) . ' · ' . ($storeSettings['home_title_suffix'] ?? '扩展展示站')])
@section('hero')
<div class="hero-grid">
<div class="hero-card">
<h1>精选 Typecho 插件与主题展示</h1>
<p>这里是展示前台，只负责展示站点里的插件、主题、分类、截图和版本信息，不直接暴露下载地址。</p>
<div class="hero-meta">
<div class="hero-stat"><strong>{{ $stats['packages'] }}</strong><span>已发布扩展</span></div>
<div class="hero-stat"><strong>{{ $stats['plugins'] }}</strong><span>插件</span></div>
<div class="hero-stat"><strong>{{ $stats['themes'] }}</strong><span>主题</span></div>
<div class="hero-stat"><strong>{{ $stats['categories'] }}</strong><span>分类</span></div>
<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>
<div class="hero-card">
<h3 style="margin:0 0 10px;font-size:20px">当前站点定位</h3>
<p>前台面向访客展示内容，后台则面向管理员，通过账号密码登录后维护扩展、分类、版本和 zip 发布。</p>
<div class="card-actions" style="margin-top:18px">
<a class="btn" href="{{ route('storefront.plugins') }}">查看插件</a>
<a class="btn secondary" href="{{ route('storefront.themes') }}">查看主题</a>
</div>
</div>
</div>
</section>
@endsection
@section('content')
<div class="panel">
<div class="section-head">
<div>
<h2>推荐插件</h2>
<p>展示基础信息、版本兼容性与分类，不直接提供 zip 下载地址。</p>
</div>
<a class="btn secondary" href="{{ route('storefront.plugins') }}">查看全部插件</a>
</div>
<div class="grid">
@forelse($featuredPlugins as $package)
<div class="card">
<div class="card-top">
@if($package->icon_url)
<img class="icon" src="{{ $package->icon_url }}" alt="{{ $package->name }}">
@else
<div class="icon"></div>
@endif
<div>
<div class="title">{{ $package->name }}</div>
<div class="muted">{{ $package->author ?: '未知作者' }} · {{ $package->latestStableVersion?->version ?: $package->latest_version }}</div>
</div>
</div>
<div class="summary">{{ $package->summary ?: '暂无摘要' }}</div>
<div class="tags">
@foreach($package->categories as $category)
<span class="chip">{{ $category->name }}</span>
@endforeach
</div>
<div class="card-actions">
<a class="btn secondary" href="{{ route('storefront.show', [$package->type, $package->slug]) }}">查看详情</a>
</div>
<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>
@empty
<div class="empty">当前没有推荐插件。</div>
@endforelse
<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>
</div>
</section>
<div class="panel section">
<div class="section-head">
<div>
<h2>推荐主题</h2>
<p>适合做展示站首页，突出视觉风格、分类和版本信息。</p>
</div>
<a class="btn secondary" href="{{ route('storefront.themes') }}">查看全部主题</a>
</div>
<div class="grid">
@forelse($featuredThemes as $package)
<div class="card">
<div class="card-top">
@if($package->icon_url)
<img class="icon" src="{{ $package->icon_url }}" alt="{{ $package->name }}">
@else
<div class="icon"></div>
@endif
<div>
<div class="title">{{ $package->name }}</div>
<div class="muted">{{ $package->author ?: '未知作者' }} · {{ $package->latestStableVersion?->version ?: $package->latest_version }}</div>
</div>
</div>
<div class="summary">{{ $package->summary ?: '暂无摘要' }}</div>
<div class="tags">
@foreach($package->categories as $category)
<span class="chip">{{ $category->name }}</span>
@endforeach
</div>
<div class="card-actions">
<a class="btn secondary" href="{{ route('storefront.show', [$package->type, $package->slug]) }}">查看详情</a>
</div>
<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>
@empty
<div class="empty">当前没有推荐主题。</div>
@endforelse
<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>
</div>
</section>
@endsection