footer置底

src/App.scss

@@ -1,5 +1,6 @@
 #root {
   width: 100%;
+  min-height: 900px;
   margin: 0 auto;
   text-align: center;
   background-color: #ffffff;

src/index.scss

@@ -223,7 +223,7 @@ h1 {
 
 .container {
   width: 1200px;
-  min-height: 671px;
+  min-height: calc(100vh - 260px);
   height: auto;
   margin: 0 auto;
 }

src/pages/course/compenents/hour.module.scss

@@ -19,6 +19,9 @@
         color: #ff4d4f;
       }
     }
+    .complete {
+      color: #ff4d4f;
+    }
   }
 
   .left-item {

src/pages/latest-learn/index.module.scss

@@ -1,6 +1,6 @@
 .content {
   width: 1200px;
-  min-height: 581px;
+  min-height: calc(100vh - 350px);
   height: auto;
   margin: 0 auto;
   box-sizing: border-box;

src/pages/latest-learn/index.tsx

@@ -45,6 +45,8 @@ const LatestLearnPage = () => {
         {!loading &&
           courses.length > 0 &&
           courses.map((item: any) => (
+            <>
+              {item.course && (
                 <div
                   key={item.course.id}
                   className={styles["item"]}
@@ -118,6 +120,8 @@ const LatestLearnPage = () => {
                     )}
                   </div>
                 </div>
+              )}
+            </>
           ))}
       </div>
       <div className={styles["extra"]}>{systemConfig.pcIndexFooterMsg}</div>