diff --git a/components/CustomTabBar.vue b/components/CustomTabBar.vue
index d64bf8e..d3f1d85 100644
--- a/components/CustomTabBar.vue
+++ b/components/CustomTabBar.vue
@@ -1,22 +1,25 @@
 <template>
- <view class="">
-	 <!-- <view class="" style="width: 100%;height: 130rpx;">
-	 	
-	 </view> -->
- 	<view class="custom-tab-bar">
- 	  <view
- 	    class="tab-item"
- 	    v-for="(item, i) in tabBarList"
- 	    :key="i"
- 	    v-if="tabBarShowList[i]"
- 	    @click="switchTab(i)"
- 	  >
- 	    <text :style="{ color: currentTab === i ? item.selectColor : '#fff' }">{{
+  <view class="">
+    <view class="custom-tab-bar-placeholder"></view>
+    <view class="custom-tab-bar">
+      <view
+        class="tab-item"
+        v-for="(item, i) in tabBarList"
+        :key="i"
+        v-if="tabBarShowList[i]"
+        @click="switchTab(i)"
+      >
+        <image
+          :src="currentTab === i ? item.select_img : item.img"
+          style="height: 80rpx"
+          mode="heightFix"
+        ></image>
+        <!-- <text :style="{ color: currentTab === i ? item.selectColor : '#fff' }">{{
  	      item.text
- 	    }}</text>
- 	  </view>
- 	</view>
- </view>
+ 	    }}</text> -->
+      </view>
+    </view>
+  </view>
 </template>
 
 <script>
@@ -33,12 +36,16 @@ export default {
         {
           pagePath: "pages/index/index",
           selectColor: "#00FF00",
+          img: require("@/static/image/tabbar/home.png"),
+          select_img: require("@/static/image/tabbar/home_select.png"),
           text: "首页",
         },
         {
           pagePath: "pages/index/readingBody",
           selectColor: "#00FF00",
           text: "阅读体",
+          img: require("@/static/image/tabbar/book.png"),
+          select_img: require("@/static/image/tabbar/book_select.png"),
         },
         // {
         //   pagePath: "pages/index/sensoryStore",
@@ -49,16 +56,22 @@ export default {
           pagePath: "pages/index/timeShopBank",
           selectColor: "#00FF00",
           text: "时间银行",
+          img: require("@/static/image/tabbar/time.png"),
+          select_img: require("@/static/image/tabbar/time_select.png"),
         },
         {
           pagePath: "pages/index/intelligentAgent",
           selectColor: "#00FFFF",
           text: "智能体",
+          img: require("@/static/image/tabbar/agent.png"),
+          select_img: require("@/static/image/tabbar/agent_select.png"),
         },
         {
           pagePath: "pages/index/iSoul",
           selectColor: "#00FF00",
           text: "iSoul",
+          img: require("@/static/image/tabbar/isoul.png"),
+          select_img: require("@/static/image/tabbar/isoul_select.png"),
         },
       ],
       tabBarShowList: [],
@@ -105,9 +118,15 @@ export default {
   display: flex;
   justify-content: space-around;
   align-items: center;
-  height: 123rpx;
   z-index: 30;
-  background: #989898;
+  padding: 20rpx 0;
+  background: white;
+  padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
+}
+
+.custom-tab-bar-placeholder {
+  height: calc(env(safe-area-inset-bottom) + 120rpx);
+  width: 100%;
 }
 
 .tab-item {
diff --git a/components/MusicControl.vue b/components/MusicControl.vue
index 54b8986..dd174b9 100644
--- a/components/MusicControl.vue
+++ b/components/MusicControl.vue
@@ -64,7 +64,7 @@ export default {
 .music-control {
   position: fixed;
   right: 30rpx;
-  bottom: 150rpx;
+  bottom: 210rpx;
   width: 80rpx;
   height: 80rpx;
   border-radius: 50%;
diff --git a/pages/index/iSoul.vue b/pages/index/iSoul.vue
index 9c17299..41ce48f 100644
--- a/pages/index/iSoul.vue
+++ b/pages/index/iSoul.vue
@@ -718,8 +718,6 @@ view {
 
 .profile-container {
   background: white;
-  min-height: 100vh;
-  padding-bottom: 200rpx;
   color: white;
 }
 
diff --git a/pages/index/index.vue b/pages/index/index.vue
index ffcb698..ad42083 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -17,6 +17,7 @@
     />
 
     <view class="content" @click="handleContentClick">
+		<Book></Book>
       <!-- 权益商品区域 -->
       <ProductSection
         v-show="productList.length"
@@ -25,7 +26,7 @@
         moreUrl="/subPackages/equityGoods/index"
         detailUrlPrefix="/subPackages/equityGoods/detail"
         @like-toggle="handleLikeToggle"
-		color="#D2FFDE"
+        color="#D2FFDE"
       />
 
       <ProductSection
@@ -38,9 +39,8 @@
         detailUrlPrefix="/subPackages/techan/detail"
         @like-toggle="handleLikeToggle"
         isFeel
-		color="#D3FCFF"
+        color="#D3FCFF"
       />
-      <view class="tab-bar-placeholder"></view>
     </view>
 
     <CustomTabBar :currentTab="0" />
@@ -54,6 +54,8 @@ import headerVue from "@/components/header.vue";
 import CustomTabBar from "@/components/CustomTabBar.vue";
 import DynamicIsland from "@/components/DynamicIsland.vue";
 import ProductSection from "@/components/ProductSection.vue";
+import Book from "@/components/Book.vue";
+
 export default {
   components: {
     CustomTabBar,
@@ -61,6 +63,7 @@ export default {
     MusicControl,
     DynamicIsland,
     ProductSection,
+	Book
   },
   computed: {
     // 其他计算属性可以在这里添加
@@ -120,21 +123,20 @@ export default {
   async onReady() {
     let res = await this.$main.getLocationInfo();
     console.log(res);
-	if(!res.cityId){
-		res = {
-			address: "江苏省苏州市吴中区太湖东路288号",
-			area: "吴中区",
-			areaId: "320506",
-			city: "苏州市",
-			cityId: "320500",
-			latitude: 31.26249,
-			longitude: 120.63212,
-			province: "江苏省",
-			provinceId: "320000",
-			street: "太湖东路",
-		}
-		
-	}
+    if (!res.cityId) {
+      res = {
+        address: "江苏省苏州市吴中区太湖东路288号",
+        area: "吴中区",
+        areaId: "320506",
+        city: "苏州市",
+        cityId: "320500",
+        latitude: 31.26249,
+        longitude: 120.63212,
+        province: "江苏省",
+        provinceId: "320000",
+        street: "太湖东路",
+      };
+    }
     this.addressInfo = res;
     this.selectedText = res && res.city;
     uni.setStorageSync("SYS_ADDRESS_INFO", JSON.stringify(res));
diff --git a/static/image/tabbar/agent.png b/static/image/tabbar/agent.png
new file mode 100644
index 0000000..6d76a02
Binary files /dev/null and b/static/image/tabbar/agent.png differ
diff --git a/static/image/tabbar/agent_select.png b/static/image/tabbar/agent_select.png
new file mode 100644
index 0000000..5801325
Binary files /dev/null and b/static/image/tabbar/agent_select.png differ
diff --git a/static/image/tabbar/book.png b/static/image/tabbar/book.png
new file mode 100644
index 0000000..96b64cf
Binary files /dev/null and b/static/image/tabbar/book.png differ
diff --git a/static/image/tabbar/book_select.png b/static/image/tabbar/book_select.png
new file mode 100644
index 0000000..86d3d36
Binary files /dev/null and b/static/image/tabbar/book_select.png differ
diff --git a/static/image/tabbar/home.png b/static/image/tabbar/home.png
new file mode 100644
index 0000000..dd4ae13
Binary files /dev/null and b/static/image/tabbar/home.png differ
diff --git a/static/image/tabbar/home_select.png b/static/image/tabbar/home_select.png
new file mode 100644
index 0000000..cc02eb5
Binary files /dev/null and b/static/image/tabbar/home_select.png differ
diff --git a/static/image/tabbar/isoul.png b/static/image/tabbar/isoul.png
new file mode 100644
index 0000000..6c026cc
Binary files /dev/null and b/static/image/tabbar/isoul.png differ
diff --git a/static/image/tabbar/isoul_select.png b/static/image/tabbar/isoul_select.png
new file mode 100644
index 0000000..465102e
Binary files /dev/null and b/static/image/tabbar/isoul_select.png differ
diff --git a/static/image/tabbar/time.png b/static/image/tabbar/time.png
new file mode 100644
index 0000000..35f94f1
Binary files /dev/null and b/static/image/tabbar/time.png differ
diff --git a/static/image/tabbar/time_select.png b/static/image/tabbar/time_select.png
new file mode 100644
index 0000000..0b68c3f
Binary files /dev/null and b/static/image/tabbar/time_select.png differ