'init'

src/pages/index/index.jsx

@@ -53,8 +53,6 @@ import code from "../../images/code.svg";
 import laptop from "../../images/laptop.svg";
 import travel from "../../images/travel.svg";
 
-
-
 // export default class Index extends Component {
 const Index = () => {
   const [current, setcurrent] = useState(0);
@@ -418,12 +416,12 @@ const Index = () => {
             </View>
           </View>
         </View>
+        <View className="footer">
+          {/* <View>《Youtube运营笔记》</View> */}
+          <View>Copyright © 2025 </View>
+        </View>
       </View>
       {/* <View className="footer_div"></View> */}
-      <View className="footer">
-        {/* <View>《Youtube运营笔记》</View> */}
-        <View>Copyright © 2025 </View>
-      </View>
     </>
   );
 };

src/pages/index/index.scss

@@ -1,12 +1,14 @@
 .index {
   // background-color: #002329;
   // width: 100vw;
-  // height: 100vh;
+  // padding-top: 80px;
+  height: 100vh;
+  // height: 100%;
   // padding-left: 100px;
   // padding-right: 100px;
-
+  // background-color: yellow;
   .index-book {
-    margin-top: 80px;
+    // margin-top: 80px;
     // width: 100%;
     min-height: 300px;
     // padding: 20px;
@@ -24,7 +26,7 @@
       flex-direction: column;
       align-items: center;
       justify-content: space-around;
-      // background-color: rgb(208, 255, 0); 
+      // background-color: rgb(208, 255, 0);
       .left_title {
         font-size: 50px;
         font-weight: 700;
@@ -42,7 +44,6 @@
         // align-items: center;
         // justify-content: space-around;
         // background-color: yellow;
-
       }
       .left_btn {
         margin-top: 40px;
@@ -54,6 +55,7 @@
       }
     }
     .index_book_img {
+      margin-top: 80px;
       width: 400px;
       height: 400px;
     }
@@ -73,20 +75,37 @@
   }
   .index_btn {
     // background-color: yellow;
+    // margin-top: 40px;
     .startRead {
       width: 200px;
     }
   }
+  .footer {
+    position: absolute;
+    // position: fixed;
+    bottom: 0px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 60px;
+    // margin-bottom: 20px;
+    font-size: 14px;
+    // background-color: yellow;
+  }
 }
 
 @media (min-width: 1536px) {
   .index {
-    padding: 100px;
+    // padding: 100px;
+    // height: 100vh;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     // background-color: aqua;
+    position: relative;
 
     .index-book {
       width: 100%;
@@ -172,20 +191,27 @@
         display: none;
       }
     }
+
+    .footer {
+      position: absolute;
+      // position: fixed;
+      bottom: 0px;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 60px;
+      // margin-bottom: 20px;
+      font-size: 14px;
+      // background-color: yellow;
+    }
+    
   }
 }
 
-.footer {
-  // position: absolute;
-  position: fixed;
-  bottom: 0px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
+.footer_div {
   width: 100%;
   height: 60px;
-  // margin-bottom: 20px;
-  font-size: 14px;
-  // background-color: yellow;
 }
+