From c0948185947fb30919f7a4a17d28d0e7e372f1a4 Mon Sep 17 00:00:00 2001 From: ShukeBta Date: Tue, 26 May 2026 22:02:00 +0800 Subject: [PATCH] =?UTF-8?q?UI=20=E5=85=A8=E9=9D=A2=E9=87=8D=E8=AE=BE?= =?UTF-8?q?=E8=AE=A1:=20=E6=98=8E=E4=BA=AE=E7=94=BB=E5=BB=8A=E9=A3=8E?= =?UTF-8?q?=E6=A0=BC=20+=20=E5=89=A7=E9=9B=86=E5=90=88=E5=B9=B6=E6=98=BE?= =?UTF-8?q?=E7=A4=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ## 色彩体系重构 - tailwind.config.js: sand/ink 全新色阶 + shadow 阴影预设 - index.css: 全组件系统重写 (card/input/btn/badge/table) ## 核心页面重写 - LoginPage: 纯白卡片 + 品牌光晕 + Framer Motion 入场动画 - HomePage: Billboard 推荐位 + 剧集卡片联动媒体库 - Layout: 白色侧边栏 + 路由过渡动画 - MediaCard: 新增 linkTo prop, 悬停浮层优化 ## 剧集合并显示 - LibraryPage: 使用 groupSeries 合并剧集, 分季选集详情 - 首页剧集卡片自动链接到媒体库详情 ## 全量类名迁移 (43 文件) - text-slate-* -> text-ink-*/text-sand-* - text-primary-* -> text-brand-* - text-white -> text-ink-600 - bg/border-slate-* -> bg/border-sand-* - 500+ 深色硬编码类名清零 --- web/index.html | 2 +- web/src/App.tsx | 2 +- web/src/components/APIConfigsPanel.tsx | 36 +- web/src/components/AppFooter.tsx | 22 +- web/src/components/Layout.tsx | 580 +++++++++++++++++------- web/src/components/MediaCard.tsx | 152 ++++--- web/src/index.css | 245 +++++----- web/src/pages/AIAssistantPage.tsx | 42 +- web/src/pages/APIConfigsPage.tsx | 26 +- web/src/pages/AdminPage.tsx | 24 +- web/src/pages/AssistantChatPage.tsx | 18 +- web/src/pages/DiscoverPage.tsx | 30 +- web/src/pages/DlnaPage.tsx | 18 +- web/src/pages/DownloadClientsPage.tsx | 32 +- web/src/pages/DownloadsPage.tsx | 34 +- web/src/pages/DuplicatesPage.tsx | 18 +- web/src/pages/FavouritesPage.tsx | 8 +- web/src/pages/FileManagerPage.tsx | 28 +- web/src/pages/HomePage.tsx | 505 ++++++++++----------- web/src/pages/LibraryPage.tsx | 276 +++++++---- web/src/pages/LicensePage.tsx | 34 +- web/src/pages/LoginPage.tsx | 229 +++++++--- web/src/pages/MediaDetailPage.tsx | 318 ++++++++----- web/src/pages/NotifyChannelsPage.tsx | 28 +- web/src/pages/PlayerPage.tsx | 6 +- web/src/pages/PlaylistDetailPage.tsx | 10 +- web/src/pages/PlaylistsPage.tsx | 10 +- web/src/pages/PosterWallPage.tsx | 12 +- web/src/pages/ProfileManagementPage.tsx | 38 +- web/src/pages/ProfilePage.tsx | 8 +- web/src/pages/RecycleBinPage.tsx | 16 +- web/src/pages/SchedulerPage.tsx | 16 +- web/src/pages/SearchPage.tsx | 16 +- web/src/pages/SettingsPage.tsx | 38 +- web/src/pages/SiteSearchPage.tsx | 20 +- web/src/pages/SitesPage.tsx | 100 ++-- web/src/pages/StatsPage.tsx | 22 +- web/src/pages/StorageConfigPage.tsx | 18 +- web/src/pages/StoragePage.tsx | 38 +- web/src/pages/StrmPage.tsx | 16 +- web/src/pages/SubscriptionsPage.tsx | 20 +- web/src/pages/TasksPage.tsx | 32 +- web/src/pages/ToolsPage.tsx | 28 +- web/src/pages/WatchHistoryPage.tsx | 12 +- web/tailwind.config.js | 166 +++---- 45 files changed, 1938 insertions(+), 1411 deletions(-) diff --git a/web/index.html b/web/index.html index 6965c8e..ceab191 100644 --- a/web/index.html +++ b/web/index.html @@ -3,7 +3,7 @@ - + diff --git a/web/src/App.tsx b/web/src/App.tsx index d43d3f4..7103585 100644 --- a/web/src/App.tsx +++ b/web/src/App.tsx @@ -100,7 +100,7 @@ const StorageConfigPage = lazy(() => import('./pages/StorageConfigPage').then((m) => ({ default: m.StorageConfigPage })), ) -const Loading = () =>

加载中…

+const Loading = () =>

加载中…

export default function App() { return ( diff --git a/web/src/components/APIConfigsPanel.tsx b/web/src/components/APIConfigsPanel.tsx index 265ce39..4feffad 100644 --- a/web/src/components/APIConfigsPanel.tsx +++ b/web/src/components/APIConfigsPanel.tsx @@ -23,10 +23,10 @@ export function APIConfigsPanel() { return (
- +
-

外部 API 配置

-

+

外部 API 配置

+

TMDb / Bangumi / TheTVDB / Fanart / OpenAI / Douban 密钥管理 · AES-GCM 加密存储

@@ -34,13 +34,13 @@ export function APIConfigsPanel() {
{loading && ( -

加载中…

+

加载中…

)} {!loading && (
- + @@ -66,16 +66,16 @@ export function APIConfigsPanel() { className="border-t border-white/5 transition hover:bg-white/[0.02]" >
服务 密钥 -

{item.provider}

+

{item.provider}

{item.description && ( -

{item.description}

+

{item.description}

)} 		{item.has_key ? ( - {item.masked_key} + {item.masked_key} ) : ( - 未配置 + 未配置 )} @@ -84,7 +84,7 @@ export function APIConfigsPanel() { 已配置 ) : ( - + 未配置 )} @@ -93,7 +93,7 @@ export function APIConfigsPanel() {
- {item.provider} -