WorkBuddy
9c77efaa4b
- Masthead:统一 HomePage/StandingsLayout 双份复制实现,当前版面 印报红高亮 + aria-current;⚙ 字符改线条 SVG;管理类入口加 title 提示需登录,访客不再被无声踢到登录页 - BackTop:两页各一份的浮动按钮收敛为共享组件,去 rounded-full/ shadow-lg,与全站方角无阴影语言对齐
83 lines
2.7 KiB
TypeScript
83 lines
2.7 KiB
TypeScript
/**
|
|
* 主应用入口
|
|
*
|
|
* 页面结构:
|
|
* - / → 先知主站(报纸风赛程 + 预测),报头含「评估」「管理」入口
|
|
* - /admin/* → 管理后台(鉴权门禁,未登录引导登录)
|
|
*
|
|
* 导航策略:
|
|
* - 首页报头放「评估」「管理」入口(极简,不另加导航条)
|
|
* - 管理后台由 AdminLayout 侧边栏处理所有管理页导航
|
|
* - 未登录访问管理 → AdminLayout 门禁 → 登录页(不静默失败)
|
|
*/
|
|
|
|
import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom'
|
|
import { ErrorBoundary } from './components/ErrorBoundary'
|
|
import Masthead from './components/Masthead'
|
|
import Matches from './pages/Matches'
|
|
import Standings from './pages/Standings'
|
|
import { adminRoutes } from './admin/routes'
|
|
|
|
function StandingsLayout({ children }: { children: React.ReactNode }) {
|
|
return (
|
|
<div className="min-h-screen bg-paper-50">
|
|
<Masthead active="standings" />
|
|
|
|
<main className="mx-auto max-w-5xl px-5 py-6 sm:px-8 sm:py-8">
|
|
{children}
|
|
</main>
|
|
|
|
<footer className="mx-auto max-w-5xl px-5 pb-10 sm:px-8">
|
|
<div className="border-t border-ink-200 pt-3 text-center text-2xs leading-relaxed text-ink-400">
|
|
数据由 bzzoiro 提供 · 仅供研究参考
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
function HomePage() {
|
|
return (
|
|
<div className="min-h-screen bg-paper-50">
|
|
{/* ── 报头:粗线 + 居中刊名 + 日期与分区链接(共用 Masthead) ── */}
|
|
<Masthead active="home" />
|
|
|
|
<main className="mx-auto max-w-5xl px-5 py-6 sm:px-8 sm:py-8">
|
|
<Matches />
|
|
</main>
|
|
|
|
<footer className="mx-auto max-w-5xl px-5 pb-10 sm:px-8">
|
|
<div className="border-t border-ink-200 pt-3 text-center text-2xs leading-relaxed text-ink-400">
|
|
预测结果由大语言模型生成 · 仅供研究参考 · 不构成任何投注建议
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default function App() {
|
|
return (
|
|
<ErrorBoundary>
|
|
<BrowserRouter>
|
|
<Routes>
|
|
<Route path="/" element={<HomePage />} />
|
|
<Route path="/standings" element={<StandingsLayout><Standings /></StandingsLayout>} />
|
|
{adminRoutes.map(route => (
|
|
<Route key={route.path} path={route.path} element={route.element}>
|
|
{route.children.map(child => (
|
|
<Route
|
|
key={child.path ?? 'index'}
|
|
index={child.index}
|
|
path={child.path}
|
|
element={child.element}
|
|
/>
|
|
))}
|
|
</Route>
|
|
))}
|
|
<Route path="*" element={<Navigate to="/" replace />} />
|
|
</Routes>
|
|
</BrowserRouter>
|
|
</ErrorBoundary>
|
|
)
|
|
}
|