'webpack设置ico'

src/index.html

@@ -9,14 +9,14 @@
   <meta name="apple-mobile-web-app-status-bar-style" content="white">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
   <!-- <link rel="apple-touch-icon" href="/static/images/images/touxiang.png" /> -->
-  <link rel="apple-touch-icon" href="/static/images/images/youtube.svg" />
+  <link rel="apple-touch-icon" href="/static/images/images/youtube.ico" />
 
   <link
     rel="icon"
     sizes="192x192"
-    href="/static/images/images/youtube.svg"
-
+    href="/static/images/images/youtube.ico"
   />
+  <!-- <link rel="icon" type="image/x-icon" href="/static/images/youtube.ico"> -->
   <title>Youtube运营笔记</title>
   <meta name="description" content="Youtube运营笔记">
   <meta property="og:description" content="Youtube运营笔记">

src/pages/book/index.config.js

@@ -1,3 +1,3 @@
 export default {
-  navigationBarTitleText: '一人公司方法论'
+  navigationBarTitleText: '油管运营笔记'
 }

src/pages/index/index.jsx

@@ -47,6 +47,9 @@ import youtube4 from "../../images/yt4.svg";
 import ytGpt from "../../images/ytGpt.png";
 
 import demo from "../../images/demo.svg";
+import youtubeIco from "../../images/youtube.ico";
+
+
 
 // export default class Index extends Component {
 const Index = () => {
@@ -410,11 +413,10 @@ const Index = () => {
             </View>
           </View>
         </View>
-      </View>
-      {/* <View className="footer_div"></View> */}
-      <View className="footer">
-        {/* <View>《Youtube运营笔记》</View> */}
-        <View>Copyright © 2025 </View>
+        {/* <View className="footer_div"></View> */}
+        {/* <View className="footer">
+          <View>Copyright © 2025 </View>
+        </View> */}
       </View>
     </>
   );

src/pages/index/index.scss

@@ -24,7 +24,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 +42,6 @@
         // align-items: center;
         // justify-content: space-around;
         // background-color: yellow;
-
       }
       .left_btn {
         margin-top: 40px;
@@ -81,7 +80,9 @@
 
 @media (min-width: 1536px) {
   .index {
-    padding: 100px;
+    // padding: 100px;
+    // height: 100vh;
+    position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -170,19 +171,21 @@
         display: none;
       }
     }
-  }
-}
 
-.footer {
-  position: absolute;
-  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: row;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 60px;
+      // margin-bottom: 20px;
+      font-size: 14px;
+      background-color: yellow;
+    }
+  }
+
 }