项目

一般

简介

行为

Feature #217

打开

[AI] 主题切换与全局布局

郑毅洁大约 2 小时 之前添加. 更新于 大约 2 小时 之前.

状态:
Resolved
优先级:
Normal
指派给:
-
开始日期:
2026-02-26
计划完成日期:
% 完成:

0%

预期时间:

描述

实现深色/浅色主题切换功能和全局共享布局组件。包含以下内容:1) 主题系统实现,使用 React Context 管理主题状态,主题偏好持久化到 localStorage,首次访问时跟随系统偏好(prefers-color-scheme),通过在 html 元素上切换 class=dark 配合 Tailwind darkMode: class 模式实现;2) 全局 Layout 组件,包含共享的 Header(导航栏 + 主题切换按钮)和 Footer,使用 react-router-dom 实现客户端路由(首页 /、功能页 /features、文档页 /docs、关于页 /about);3) SEO 优化,使用 react-helmet-async 为每个页面设置独立的 title、description、og 标签;4) 前端 API 请求封装,使用 axios 创建统一的 API 客户端实例,配置 baseURL 指向后端服务,统一处理错误响应。UI 设计要求:主题切换按钮使用太阳/月亮图标并带有平滑过渡动画,导航栏在滚动时添加背景模糊效果(backdrop-blur),移动端导航使用侧滑抽屉或下拉面板,所有颜色值通过 Tailwind 的 dark: 前缀定义确保主题一致性。

郑毅洁 更新于 大约 2 小时 之前

  • 状态New 变更为 Resolved

[PM] 子任务完成 (session f5a40ba8-f5a0-48ad-8647-da5b74f11b87)

行为

导出 Atom PDF