lanyuanxiaoyao
4caf502908
- 引入 React Router v7 (Declarative mode) 实现 SPA 路由 - 重构 Layout 为 Header + 侧边栏 + 内容区的企业 Admin 布局 - 新增侧边栏菜单组件，支持折叠/展开，状态持久化到 localStorage - 新增示例页面：仪表盘、用户管理、系统设置、404 - 菜单配置与路由统一为单一数据源 (menu.tsx) - Vite code splitting 新增 vendor-router 组 - 更新 DEVELOPMENT.md 和 README.md 文档
23 lines
629 B
TypeScript
23 lines
629 B
TypeScript
import { useNavigate } from "react-router";
|
|
import { ErrorCircleIcon } from "tdesign-icons-react";
|
|
import { Button, Space } from "tdesign-react";
|
|
|
|
export function NotFoundPage() {
|
|
const navigate = useNavigate();
|
|
|
|
const handleGoHome = () => {
|
|
void navigate("/");
|
|
};
|
|
|
|
return (
|
|
<Space align="center" className="not-found-page" direction="vertical" size="large">
|
|
<ErrorCircleIcon size="64px" style={{ color: "var(--td-warning-color)" }} />
|
|
<h1>404</h1>
|
|
<p>您访问的页面不存在</p>
|
|
<Button onClick={handleGoHome} theme="primary">
|
|
返回首页
|
|
</Button>
|
|
</Space>
|
|
);
|
|
}
|