屏幕最小高度

src/index.scss

@@ -35,6 +35,24 @@ body {
   min-height: 100vh;
 }
 
+.main-body {
+  width: 100%;
+  height: auto;
+  min-height: 900px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.container {
+  width: 1200px;
+  min-height: 900px;
+  height: auto;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column
+}
+
 h1 {
   font-size: 3.2em;
   line-height: 1.1;
@@ -221,13 +239,6 @@ h1 {
   color: $primaryColor;
 }
 
-.container {
-  width: 1200px;
-  min-height: calc(100vh - 260px);
-  height: auto;
-  margin: 0 auto;
-}
-
 .login-box {
   .ant-btn {
     font-size: 18px !important;

src/pages/course/index.module.scss

@@ -8,7 +8,7 @@
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
-  padding: 24px;
+  padding: 24px 24px 24px 24px;
   .info {
     width: 720px;
     height: 90px;

src/pages/index/index.module.scss

@@ -2,7 +2,7 @@
   width: 1200px;
   height: auto;
   margin: 0 auto;
-  margin-top: 50px;
+  padding-top: 50px;
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -133,7 +133,6 @@
   gap: 24px;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   position: relative;
-  min-height: calc(100vh - 630px);
 }
 
 .extra {

src/pages/index/index.tsx

@@ -108,7 +108,8 @@ const IndexPage = () => {
   };
 
   return (
-    <>
+    <div className="main-body">
+      <div className="content">
         <div className={styles["top-cont"]}>
           <div className={styles["top-item"]}>
             <div className={styles["title"]}>
@@ -299,8 +300,9 @@ const IndexPage = () => {
             ))}
           </div>
         )}
+      </div>
       <div className={styles["extra"]}>{systemConfig.pcIndexFooterMsg}</div>
-    </>
+    </div>
   );
 };
 

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

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

src/pages/latest-learn/index.tsx

@@ -26,7 +26,7 @@ const LatestLearnPage = () => {
   };
 
   return (
-    <div>
+    <div className="main-body">
       <div className={styles["content"]}>
         {loading && (
           <Row style={{ width: 1200 }}>