diff --git a/src/compenents/footer/index.tsx b/src/compenents/footer/index.tsx
index 05d731e..ce088a5 100644
--- a/src/compenents/footer/index.tsx
+++ b/src/compenents/footer/index.tsx
@@ -1,5 +1,6 @@
 import React from "react";
 import { Layout } from "antd";
+import { Link } from "react-router-dom";
 
 export const Footer: React.FC = () => {
   return (
@@ -12,10 +13,12 @@ export const Footer: React.FC = () => {
         marginTop: 80,
       }}
     >
-      <i
-        style={{ fontSize: 30, color: "#cccccc" }}
-        className="iconfont icon-waterprint"
-      ></i>
+      <Link to="/">
+        <i
+          style={{ fontSize: 30, color: "#cccccc" }}
+          className="iconfont icon-waterprint"
+        ></i>
+      </Link>
     </Layout.Footer>
   );
 };
diff --git a/src/pages/course/compenents/hour.tsx b/src/pages/course/compenents/hour.tsx
index 9f1ddbf..34a50ce 100644
--- a/src/pages/course/compenents/hour.tsx
+++ b/src/pages/course/compenents/hour.tsx
@@ -74,7 +74,16 @@ export const HourCompenent: React.FC<PropInterface> = ({
             )}
           </>
         )}
-        {progress >= 100 && <div className={styles["complete"]}>已学完</div>}
+        {progress >= 100 && (
+          <div
+            className={styles["complete"]}
+            onClick={() => {
+              setVisible(true);
+            }}
+          >
+            已学完
+          </div>
+        )}
       </div>
     </div>
   );