feat: 更新目录

src/pages/book/index.scss

@@ -1,17 +1,49 @@
 // 在 src/index.scss 中引入 GitHub Markdown 主题
 @import "github-markdown-css/github-markdown.css";
 
-
-.book_header{
+.book_header_div{
   width: 100%;
   height: 80px;
-  background-color: aquamarine;
+}
+.book_header{
+  position: fixed;
+  top: 0px;
+  width: 100%;
+  height: 80px;
+  // background-color: aquamarine;
+  // background-color: #f0f5ff;
+  border-bottom: 2px solid #f0f5ff;
+  background-color: rgb(255 255 255/var(--tw-bg-opacity,1));
+
   display: flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-  padding-left: 30px;
-  padding-right: 30px;
+  .book_header_left{
+    width: 100px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+  }
+  .book_header_middle{
+    flex: 1;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+
+  }
+  .book_header_right{
+    width: 100px;
+    // background-color: yellow;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+
+  }
+
 }
 .Book {
   padding: 40px;

src/pages/book/index.tsx

@@ -141,21 +141,20 @@ const Book = () => {
 
   return (
     <>
+    <View className="book_header_div"></View>
       <View className="book_header">
-        <View className="book_header_left">1</View>
-        <View className="book_header_middle">2</View>
-        <View className="book_header_right">
-          {/* bullet-list */}
-          {/* size="30"  */}
-          {/* color="#F00" */}
-          <AtIcon value="bullet-list" ></AtIcon>
-          {/* <AtButton
-            onClick={() => {
+        <View className="book_header_left" onClick={()=>{
+          Taro.navigateBack({
+            delta: 1, // 表示返回的页面数，默认是 1，表示返回上一页
+          });
+        }}>
+        <AtIcon value="chevron-left" ></AtIcon>
+        </View>
+        <View className="book_header_middle">Youtube运营日记</View>
+        <View className="book_header_right"   onClick={() => {
               setshow(!show);
-            }}
-          >
-            目录
-          </AtButton> */}
+            }}>
+          <AtIcon value="bullet-list" ></AtIcon>
         </View>
       </View>
       <View className="Book">

src/pages/book/info.md

@@ -1,5 +1,5 @@
 
-# 第一章
+# 前言
 ## 前言
 
 > 本文是在线电子书,不定时更新
@@ -33,7 +33,7 @@
 申请ypp通过后,就可以设置视频播放广告,产生美金收益
 
 
-# 第二章
+# 为什么选择Youtube?
 
 ## Youtube运营笔记
 
@@ -79,4 +79,14 @@ youtube给创作者的收益,长视频是`55%`,短视频shorts是`45%`
 
 仅仅是平台广告,就能够带来巨大的收益
 
-不用去接`业配/商单`,以及自己带货,纯粹的视频不会让人厌恶
+不用去接`业配/商单`,以及自己带货,纯粹的视频不会让人厌恶
+
+---
+# 如何快速开通YPP
+# 网络与环境
+# 硬件设备与剪辑软件
+# 开通Adsense:接收PIN码实体信
+# 收款:银行卡与结汇
+# 24小时无人直播
+# 扩展获利方案
+# 展望和结束语