diff --git a/src/compenents/header/index.tsx b/src/compenents/header/index.tsx
index 0186051..8ffd0c1 100644
--- a/src/compenents/header/index.tsx
+++ b/src/compenents/header/index.tsx
@@ -134,7 +134,7 @@ export const Header: React.FC = () => {
       label: "首页",
     },
     {
-      key: "/recent-learn",
+      key: "/latest-learn",
       label: "最近学习",
     },
   ];
diff --git a/src/pages/course/index.tsx b/src/pages/course/index.tsx
index 61b9f92..49a6bb0 100644
--- a/src/pages/course/index.tsx
+++ b/src/pages/course/index.tsx
@@ -163,6 +163,7 @@ const CoursePage = () => {
                         record={learnHourRecord[it.id]}
                         duration={it.duration}
                         progress={learnHourRecord[it.id].progress}
+                        onChange={() => getDetail()}
                       ></HourCompenent>
                     )}
                     {!learnHourRecord[it.id] && (
@@ -173,6 +174,7 @@ const CoursePage = () => {
                         record={null}
                         duration={it.duration}
                         progress={0}
+                        onChange={() => getDetail()}
                       ></HourCompenent>
                     )}
                   </div>
diff --git a/src/pages/latest-learn/index.module.scss b/src/pages/latest-learn/index.module.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/latest-learn/index.tsx b/src/pages/latest-learn/index.tsx
new file mode 100644
index 0000000..062279b
--- /dev/null
+++ b/src/pages/latest-learn/index.tsx
@@ -0,0 +1,2 @@
+
+import styles from "./index.module.scss";