diff --git a/src/pages/latest-learn/index.tsx b/src/pages/latest-learn/index.tsx
index 062279b..a83a007 100644
--- a/src/pages/latest-learn/index.tsx
+++ b/src/pages/latest-learn/index.tsx
@@ -1,2 +1,7 @@
-
 import styles from "./index.module.scss";
+
+const LatestLearnPage = () => {
+  return <>最近学习</>;
+};
+
+export default LatestLearnPage;
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index 095aace..f74fcf8 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -33,6 +33,7 @@ const Init = lazy(async () => {
 const LoginPage = lazy(() => import("../pages/login"));
 const IndexPage = lazy(() => import("../pages/index"));
 const CoursePage = lazy(() => import("../pages/course"));
+const LatestLearnPage = lazy(() => import("../pages/latest-learn"));
 
 const routes: RouteObject[] = [
   {
@@ -51,6 +52,10 @@ const routes: RouteObject[] = [
         path: "/course/:courseId",
         element: <CoursePage />,
       },
+      {
+        path: "/latest-learn",
+        element: <LatestLearnPage />,
+      },
     ],
   },
 ];