zhongyidian
5d00adc1a5
- 在 MatchQuizPanel 组件中引入错误连线对的状态管理，提供红色高亮和抖动反馈。 - 更新匹配逻辑，确保用户在连线错误时能及时获得反馈信息。 - 修改类型定义，支持自定义错误提示信息的函数形式，提升灵活性。 - 优化用户体验，确保在错误状态下的匹配项能正确展示。
67 lines
1.3 KiB
TypeScript
67 lines
1.3 KiB
TypeScript
import { createHashRouter, Navigate, RouteObject } from "react-router-dom";
|
|
|
|
import Home from "@/pages/Home";
|
|
import NotFound from "@/pages/NotFound";
|
|
import Menu from "@/pages/Menu";
|
|
import Entrance from "@/pages/entrance";
|
|
|
|
//各个故居路由
|
|
import {
|
|
ChenyunRoutes,
|
|
MaozedongRoutes,
|
|
SunzhongshanRoutes,
|
|
HuangyanpeiRoutes,
|
|
LuxunRoutes,
|
|
ZhanglepingRoutes,
|
|
} from "./modules";
|
|
|
|
const baseRoutes: RouteObject[] = [
|
|
{
|
|
path: "/",
|
|
element: <Navigate to="/home" replace />,
|
|
},
|
|
{
|
|
path: "/home",
|
|
element: <Home />,
|
|
},
|
|
/**
|
|
* 沪上故居-分为四个类型-8个故居
|
|
* 类型：1：革命先驱、文化名人、艺术名家、经济巨擘
|
|
* 每个类型下有2个故居
|
|
* 革命先驱：毛泽东、孙中山
|
|
* 文化名人：鲁迅、黄炎培
|
|
* 艺术名家：聂耳、张乐平
|
|
* 经济巨擘：荣德生、陈云
|
|
*/
|
|
{
|
|
path: "/menu",
|
|
element: <Menu />,
|
|
},
|
|
{
|
|
path: "/entrance/:moduleName",
|
|
element: <Entrance />,
|
|
},
|
|
];
|
|
|
|
/**
|
|
* 应用路由配置
|
|
* 使用 React Router v7 的 createHashRouter
|
|
*/
|
|
const router = createHashRouter([
|
|
//基础路由
|
|
...baseRoutes,
|
|
//名人故居
|
|
...ChenyunRoutes,
|
|
...MaozedongRoutes,
|
|
...SunzhongshanRoutes,
|
|
...HuangyanpeiRoutes,
|
|
...LuxunRoutes,
|
|
...ZhanglepingRoutes,
|
|
{
|
|
path: "*",
|
|
element: <NotFound />,
|
|
},
|
|
]);
|
|
|
|
export default router;
|