From bd3a364729c980370c9661aa58f7cc135faedf96 Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Sun, 4 May 2025 11:14:32 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=87=8D=E6=9E=84=E5=85=AC?=
 =?UTF-8?q?=E5=91=8A=E3=80=81=E8=AF=84=E8=AE=BA=E5=92=8C=E7=AB=A0=E8=8A=82?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E7=9B=B8=E5=85=B3=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将公告相关页面从 `novel` 目录移动到 `announcement` 目录
- 重构评论组件，优化代码结构
- 优化章节列表页面的导航栏和标签切换逻辑
- 删除不再使用的登录页面和旧版公告页面
- 更新 `pages.json` 中的路由配置
---
 .trae/rules/project_rules.md                    |    2 +
 components/base/tabbar.vue                      |   17 +-
 components/novel/RankListItem.vue               |  181 +--
 components/novel/novelItem.vue                  |    7 +-
 manifest.json                                   |    2 +-
 pages.json                                      |    9 +-
 pages/index/bookshelf.vue                       |   21 +-
 pages/index/center.vue                          |   28 +-
 pages/index/index.vue                           |   44 +-
 pages_order/announcement/announcementDetail.vue |  121 ++
 pages_order/announcement/announcements.vue      |  117 ++
 pages_order/comment/myComment.vue               |  194 +++
 pages_order/components/comment/commentItem.vue  |  103 ++
 pages_order/components/novel/chapterPopup.vue   |  235 ++++
 pages_order/novel/Allannouncements.vue          |  137 --
 pages_order/novel/Mycomment.vue                 |  180 ---
 pages_order/novel/ReaderAchievement.vue         |  398 +++---
 pages_order/novel/Review.vue                    |  342 ++---
 pages_order/novel/SubscriptionInformation.vue   |  477 ++++---
 pages_order/novel/Tipping.vue                   |  498 +++----
 pages_order/novel/Translation.vue               |  622 +++++----
 pages_order/novel/Walletflow.vue                |  630 +++++----
 pages_order/novel/announcement.vue              |  132 --
 pages_order/novel/chapterList.vue               |  420 +++---
 pages_order/novel/login.vue                     |  109 --
 pages_order/novel/novelDetail.vue               | 1630 ++++++++++-------------
 pages_order/novel/vote.vue                      |  311 ++---
 pages_order/static/book/bd.png                  |  Bin 0 -> 17678 bytes
 pages_order/static/book/gg.png                  |  Bin 0 -> 1572 bytes
 static/image/tabbar/bookshelf-a.png             |  Bin 0 -> 1595 bytes
 static/image/tabbar/bookshelf.png               |  Bin 0 -> 644 bytes
 static/image/tabbar/cart-a.png                  |  Bin 958 -> 0 bytes
 static/image/tabbar/cart.png                    |  Bin 953 -> 0 bytes
 static/image/tabbar/category-a.png              |  Bin 1139 -> 1623 bytes
 static/image/tabbar/category.png                |  Bin 1183 -> 475 bytes
 static/image/tabbar/center-a.png                |  Bin 915 -> 2015 bytes
 static/image/tabbar/center.png                  |  Bin 937 -> 945 bytes
 static/image/tabbar/home-a.png                  |  Bin 2280 -> 1629 bytes
 static/image/tabbar/order-a.png                 |  Bin 691 -> 0 bytes
 static/image/tabbar/order.png                   |  Bin 736 -> 0 bytes
 uni.scss                                        |    2 +-
 41 files changed, 3619 insertions(+), 3350 deletions(-)
 create mode 100644 pages_order/announcement/announcementDetail.vue
 create mode 100644 pages_order/announcement/announcements.vue
 create mode 100644 pages_order/comment/myComment.vue
 create mode 100644 pages_order/components/comment/commentItem.vue
 create mode 100644 pages_order/components/novel/chapterPopup.vue
 delete mode 100644 pages_order/novel/Allannouncements.vue
 delete mode 100644 pages_order/novel/Mycomment.vue
 delete mode 100644 pages_order/novel/announcement.vue
 delete mode 100644 pages_order/novel/login.vue
 create mode 100644 pages_order/static/book/bd.png
 create mode 100644 pages_order/static/book/gg.png
 create mode 100644 static/image/tabbar/bookshelf-a.png
 create mode 100644 static/image/tabbar/bookshelf.png
 delete mode 100644 static/image/tabbar/cart-a.png
 delete mode 100644 static/image/tabbar/cart.png
 delete mode 100644 static/image/tabbar/order-a.png
 delete mode 100644 static/image/tabbar/order.png

diff --git a/.trae/rules/project_rules.md b/.trae/rules/project_rules.md
index 63d5c2b..e2c1361 100644
--- a/.trae/rules/project_rules.md
+++ b/.trae/rules/project_rules.md
@@ -1,3 +1,5 @@
+每次编写代码时，请你先查看我的整个目录，提供的哪些文件、组件、功能、API接口，了解我的代码风格，写出和我风格一致的代码
+
 ## 项目规则
 1、将列表以及列表中的元素封装成组件，并使用组件的方式来组织项目。使他可以复用
 2、项目中使用到的功能优先去查看uni_modules里面的组件列表，若没有则自己封装。
diff --git a/components/base/tabbar.vue b/components/base/tabbar.vue
index a76babc..e4303da 100644
--- a/components/base/tabbar.vue
+++ b/components/base/tabbar.vue
@@ -2,7 +2,7 @@
 	<view class="tabbar-box">
 		<view class="tabbar">
 			<view :class="{ 'tabbar-active' : select == item.key}" v-for="(item, index) in list" :key="index"
-				v-if="!item.isNotShop || !userShop" @click="toPath(item, index)" class="tabbar-item">
+				@click="toPath(item, index)" class="tabbar-item">
 				<view class="tabbar-icon">
 					<image :src="select == item.key ? 
 					item.selectedIconPath : 
@@ -43,8 +43,8 @@
 						key: 'category',
 					},
 					{
-						"selectedIconPath": "/static/image/tabbar/order-a.png",
-						"iconPath": "/static/image/tabbar/order.png",
+						"selectedIconPath": "/static/image/tabbar/bookshelf-a.png",
+						"iconPath": "/static/image/tabbar/bookshelf.png",
 						"pagePath": "/pages/index/bookshelf",
 						"title": "书架",
 						key: 'bookshelf',
@@ -91,6 +91,7 @@
 			bottom: 0;
 			left: 0;
 			color: #BCBCBC;
+			border-top: 2rpx solid #BCBCBC;;
 
 			.tabbar-item {
 				flex: 1;
@@ -121,6 +122,16 @@
 
 			.tabbar-active {
 				color: $uni-color !important;
+				.tabbar-icon {
+					width: 94rpx;
+					height: 94rpx;
+					margin-top: -40rpx;
+				
+					.tabbar-icon-image {
+						width: 94rpx;
+						height: 94rpx;
+					}
+				}
 			}
 		}
 	}
diff --git a/components/novel/RankListItem.vue b/components/novel/RankListItem.vue
index 2dbf2cd..cceec94 100644
--- a/components/novel/RankListItem.vue
+++ b/components/novel/RankListItem.vue
@@ -1,93 +1,102 @@
 <template>
-  <view class="rank-item">
-    <view class="rank-left">
-      <image v-if="rankIcon" :src="rankIcon" class="rank-icon" />
-      <image v-else-if="rankNumImg" :src="rankNumImg" class="rank-num-img" />
-      <slot name="rankNum" v-else />
-      <image v-if="medal" :src="medal" class="medal" />
-      <image class="avatar" :src="avatar" mode="aspectFill" />
-      <view class="name">{{ name }}</view>
-    </view>
-    <view class="rank-right">
-      <view class="score">{{ score }} 亲密值</view>
-      <view class="level">{{ level }}</view>
-    </view>
-  </view>
+	<view class="rank-item">
+		<view class="rank-left">
+			<image v-if="rankIcon" :src="rankIcon" class="rank-icon" />
+			<image v-else-if="rankNumImg" :src="rankNumImg" class="rank-num-img" />
+			<slot name="rankNum" v-else />
+			<image v-if="medal" :src="medal" class="medal" />
+			<image class="avatar" :src="avatar" mode="aspectFill" />
+			<view class="name">{{ name }}</view>
+		</view>
+		<view class="rank-right">
+			<view class="score">{{ score }} 亲密值</view>
+			<view class="level">{{ level }}</view>
+		</view>
+	</view>
 </template>
 
 <script>
-export default {
-  name: 'RankListItem',
-  props: {
-    rankIcon: String, // 排名图片（前3名）
-    rankNumImg: String, // 排名数字图片（4-10名）
-    medal: String, // 勋章图片
-    avatar: String,
-    name: String,
-    score: [String, Number],
-    level: {
-      type: String,
-      default: '护书使者 五级'
-    }
-  }
-}
+	export default {
+		name: 'RankListItem',
+		props: {
+			rankIcon: String, // 排名图片（前3名）
+			rankNumImg: String, // 排名数字图片（4-10名）
+			medal: String, // 勋章图片
+			avatar: String,
+			name: String,
+			score: [String, Number],
+			level: {
+				type: String,
+				default: '护书使者 五级'
+			}
+		}
+	}
 </script>
 
 <style lang="scss" scoped>
-.rank-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background: #fffbe6;
-  border-radius: 16rpx;
-  margin-bottom: 18rpx;
-  box-shadow: 0 2rpx 8rpx 0 rgba(184,110,59,0.06);
-  padding: 0 24rpx;
-  height: 100rpx;
-  .rank-left {
-    display: flex;
-    align-items: center;
-    .rank-icon, .rank-num-img {
-      width: 38rpx;
-      height: 38rpx;
-      margin-right: 10rpx;
-    }
-    .medal {
-      width: 44rpx;
-      height: 44rpx;
-      margin-right: 10rpx;
-    }
-    .avatar {
-      width: 44rpx;
-      height: 44rpx;
-      border-radius: 50%;
-      margin-right: 14rpx;
-      border: 2rpx solid #ffd700;
-      object-fit: cover;
-    }
-    .name {
-      font-size: 26rpx;
-      color: #222;
-      font-weight: 500;
-    }
-  }
-  .rank-right {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    .score {
-      font-size: 22rpx;
-      color: #b86e3b;
-    }
-    .level {
-      font-size: 20rpx;
-      color: #fff;
-      background: #e6b07c;
-      border-radius: 8rpx;
-      padding: 2rpx 10rpx;
-      margin-top: 6rpx;
-      font-weight: 500;
-    }
-  }
-}
-</style> 
\ No newline at end of file
+	.rank-item {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		background: #fffbe6;
+		border-radius: 16rpx;
+		margin-bottom: 18rpx;
+		box-shadow: 0 2rpx 8rpx 0 rgba(184, 110, 59, 0.06);
+		padding: 0 24rpx;
+		height: 100rpx;
+
+		.rank-left {
+			display: flex;
+			align-items: center;
+
+			.rank-icon,
+			.rank-num-img {
+				width: 38rpx;
+				height: 38rpx;
+				margin-right: 10rpx;
+			}
+
+			.medal {
+				width: 44rpx;
+				height: 44rpx;
+				margin-right: 10rpx;
+			}
+
+			.avatar {
+				width: 44rpx;
+				height: 44rpx;
+				border-radius: 50%;
+				margin-right: 14rpx;
+				border: 2rpx solid #ffd700;
+				object-fit: cover;
+			}
+
+			.name {
+				font-size: 26rpx;
+				color: #222;
+				font-weight: 500;
+			}
+		}
+
+		.rank-right {
+			display: flex;
+			flex-direction: column;
+			align-items: flex-end;
+
+			.score {
+				font-size: 22rpx;
+				color: #b86e3b;
+			}
+
+			.level {
+				font-size: 20rpx;
+				color: #fff;
+				background: #e6b07c;
+				border-radius: 8rpx;
+				padding: 2rpx 10rpx;
+				margin-top: 6rpx;
+				font-weight: 500;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/components/novel/novelItem.vue b/components/novel/novelItem.vue
index 1a89025..f6d31ad 100644
--- a/components/novel/novelItem.vue
+++ b/components/novel/novelItem.vue
@@ -1,5 +1,5 @@
 <template>
-	<view class="book-item" :class="{'horizontal': horizontal}" @click="goToNovelDetail">
+	<view class="book-item" :class="{'horizontal': horizontal}" @click="$emit('click')">
 		<image class="book-cover" src="https://bookcover.yuewen.com/qdbimg/349573/1033014772/150.webp" mode="aspectFill"></image>
 		<view class="book-info">
 			<view class="book-title">{{book.title}}</view>
@@ -50,11 +50,6 @@
 			return {}
 		},
 		methods: {
-			goToNovelDetail() {
-				uni.navigateTo({
-					url: `/pages_order/novel/novelDetail?id=${this.book.id}`
-				});
-			}
 		}
 	}
 </script>
diff --git a/manifest.json b/manifest.json
index ea42a21..ecc9e28 100644
--- a/manifest.json
+++ b/manifest.json
@@ -52,7 +52,7 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "wxe7ae8cbe1673834c",
+        "appid" : "wxd21ddb1fbf3f5150",
         "setting" : {
             "urlCheck" : false
         },
diff --git a/pages.json b/pages.json
index 2a45a38..4643e06 100644
--- a/pages.json
+++ b/pages.json
@@ -59,10 +59,10 @@
 				"path": "novel/vote"
 			},
 			{
-				"path": "novel/announcement"
+				"path": "announcement/announcementDetail"
 			},
 			{
-				"path": "novel/Allannouncements"
+				"path": "announcement/announcements"
 			},
 			{
 				"path": "novel/createNovel"
@@ -104,14 +104,11 @@
 				"path": "novel/Giftpurchases"
 			},
 			{
-				"path": "novel/Mycomment"
+				"path": "comment/myComment"
 			},
 			{
 				"path": "novel/Translation"
 			},
-			{
-				"path": "novel/login"
-			},
 			{
 				"path": "novel/Modifyinformation"
 			}
diff --git a/pages/index/bookshelf.vue b/pages/index/bookshelf.vue
index 8f5a774..6403c4a 100644
--- a/pages/index/bookshelf.vue
+++ b/pages/index/bookshelf.vue
@@ -253,7 +253,17 @@
 					}
 				],
 				// 作品列表数据
-				worksList: []  // 清空初始数据，改为动态加载
+				worksList: [
+					{
+						id: '9',
+						title: '纳瓦尔宝典',
+						cover: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						author: 'Naval',
+						desc: '硅谷天使投资人纳瓦尔·拉维坎特的人生智慧...',
+						tags: ['哲学', '投资'],
+						status: '已完结'
+					}
+				]  // 清空初始数据，改为动态加载
 			}
 		},
 		onLoad() {
@@ -261,9 +271,6 @@
 			const systemInfo = uni.getSystemInfoSync();
 			this.statusBarHeight = systemInfo.statusBarHeight;
 			
-			// 加载保存的作品列表
-			this.loadWorksList()
-			
 			// 检查是否需要切换到作品标签
 			const activeTab = uni.getStorageSync('activeBookshelfTab')
 			if (activeTab === 'work') {
@@ -283,8 +290,6 @@
 			// #endif
 		},
 		onShow() {
-			// 重新加载作品列表
-			this.loadWorksList()
 			
 			// 检查是否需要弹窗
 			const pages = getCurrentPages();
@@ -314,10 +319,10 @@
 				this.exitEditMode();
 			},
 			
-			// 跳转到小说详情页
+			// 跳转到小说阅读页
 			toNovelDetail(id) {
 				uni.navigateTo({
-					url: '/pages_order/book/bookDetail?id=' + id
+					url: '/pages_order/novel/readnovels?id=' + id
 				})
 			},
 			
diff --git a/pages/index/center.vue b/pages/index/center.vue
index 2d6f55f..625fe64 100644
--- a/pages/index/center.vue
+++ b/pages/index/center.vue
@@ -2,8 +2,13 @@
 	<view>
 		<view class="page" v-if="isLogin && !showLogoutModal">
 
-
 			<view class="user">
+				
+				<view class=""
+				style="height: 120rpx;padding-top: calc(var(--status-bar-height) + 20rpx);">
+					
+				</view>
+				
 				<!-- 用户信息区域 -->
 				<view class="user-info">
 					<image class="avatar" src="https://img95.699pic.com/photo/50058/1378.jpg_wh860.jpg" mode=""></image>
@@ -21,14 +26,14 @@
 				<view class="section">
 					<view class="section-title">账户</view>
 					<view class="section-list">
-						<view class="section-item" @click="navigateToPage('/pages_order/novel/Walletflow')">
+						<view class="section-item" @click="$utils.navigateTo('/pages_order/novel/Walletflow')">
 							<view class="section-item-left">
 								<uv-icon name="photo" size="40rpx" color="#333"></uv-icon>
 								<text>钱包流水</text>
 							</view>
 							<uv-icon name="arrow-right" size="36rpx" color="#999"></uv-icon>
 						</view>
-						<view class="section-item" @click="navigateToPage('/pages_order/novel/Giftbox')">
+						<view class="section-item" @click="$utils.navigateTo('/pages_order/novel/Giftbox')">
 							<view class="section-item-left">
 								<uv-icon name="gift" size="40rpx" color="#333"></uv-icon>
 								<text>礼物盒</text>
@@ -42,7 +47,7 @@
 				<view class="section">
 					<view class="section-title">日常</view>
 					<view class="section-list">
-						<view class="section-item" @click="navigateToPage('/pages_order/novel/Mycomment')">
+						<view class="section-item" @click="$utils.navigateTo('/pages_order/comment/myComment')">
 							<view class="section-item-left">
 								<uv-icon name="chat" size="40rpx" color="#333"></uv-icon>
 								<text>我的评论</text>
@@ -50,7 +55,7 @@
 							<view class="badge">294</view>
 							<uv-icon name="arrow-right" size="36rpx" color="#999"></uv-icon>
 						</view>
-						<view class="section-item" @click="navigateToPage('/pages_order/novel/Translation')">
+						<view class="section-item" @click="$utils.navigateTo('/pages_order/novel/Translation')">
 							<view class="section-item-left">
 								<uv-icon name="list" size="40rpx" color="#333"></uv-icon>
 								<text>任务中心</text>
@@ -65,14 +70,14 @@
 				<view class="section">
 					<view class="section-title">设置</view>
 					<view class="section-list">
-						<view class="section-item" @click="navigateToPage('/pages_order/novel/creator')">
+						<view class="section-item" @click="$utils.navigateTo('/pages_order/novel/creator')">
 							<view class="section-item-left">
 								<uv-icon name="star" size="40rpx" color="#333"></uv-icon>
 								<text>申请成为作者</text>
 							</view>
 							<uv-icon name="arrow-right" size="36rpx" color="#999"></uv-icon>
 						</view>
-						<view class="section-item" @click="navigateToPage('/pages/customer-service')">
+						<view class="section-item" @click="$utils.navigateTo('/pages/customer-service')">
 							<view class="section-item-left">
 								<uv-icon name="star" size="40rpx" color="#333"></uv-icon>
 								<text>联系客服</text>
@@ -80,7 +85,7 @@
 							</view>
 							<uv-icon name="arrow-right" size="36rpx" color="#999"></uv-icon>
 						</view>
-						<view class="section-item" @click="navigateToPage('/pages_order/novel/Modifyinformation')">
+						<view class="section-item" @click="$utils.navigateTo('/pages_order/novel/Modifyinformation')">
 							<view class="section-item-left">
 								<uv-icon name="edit-pen" size="40rpx" color="#333"></uv-icon>
 								<text>修改信息</text>
@@ -100,6 +105,8 @@
 
 			<tabber select="center" />
 		</view>
+		
+		
 		<view v-else-if="!isLogin && !showLogoutModal" class="nologin-page">
 			<view class="nologin-top-bg">
 				<view class="nologin-header">
@@ -144,11 +151,6 @@
 			}
 		},
 		methods: {
-			navigateToPage(url) {
-				uni.navigateTo({
-					url
-				})
-			},
 			logout() {
 				this.showLogoutModal = true;
 			},
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 85cd48e..02b99d4 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -77,11 +77,11 @@
 				</view>
                 <scroll-view scroll-x style="width: 100%;">
                     <view class="recommend-list">
-                            <view class="recommend-item" 
-                            @click="navigateToDetail(item.id)"
-                            v-for="(item, index) in novelList" :key="index">
-                                <novel-item horizontal :key="index" :book="item" />
-                            </view>
+						<view class="recommend-item" 
+						@click="navigateToDetail(item.id)"
+						v-for="(item, index) in novelList" :key="index">
+							<novel-item horizontal :key="index" :book="item" />
+						</view>
                     </view>
                 </scroll-view>
 			</view>
@@ -124,18 +124,6 @@
 			return {
 				// 轮播图数据
 				bannerList: [
-					{
-						id: '1',
-						image: 'https://img95.699pic.com/photo/50136/1544.jpg_wh300.jpg',
-						title: '慢着，请别叫我昭昭烈帝',
-						desc: '醒掌天下权，醉卧美人膝，五千年风华烟雨，是非成败转头空！'
-					},
-					{
-						id: '2',
-						image: 'https://img95.699pic.com/photo/40094/9516.jpg_wh300.jpg',
-						title: '少年闻天语',
-						desc: '修仙之路，逆天改命，少年携天命而来'
-					},
 					{
 						id: '3',
 						image: 'https://img95.699pic.com/photo/50055/5909.jpg_wh300.jpg',
@@ -201,21 +189,21 @@
 			},
 			// 点击轮播图
 			clickBanner(index) {
-				const banner = this.bannerList[index];
-				console.log('点击了轮播图:', banner.title);
-				// 跳转到小说详情页
-				uni.showToast({
-					title: '正在前往: ' + banner.title,
-					icon: 'none'
-				})
-				setTimeout(() => {
-					this.$utils.navigateTo(`/pages_order/book/bookDetail?id=${banner.id}`)
-				}, 500)
+				// const banner = this.bannerList[index];
+				// console.log('点击了轮播图:', banner.title);
+				// // 跳转到小说详情页
+				// uni.showToast({
+				// 	title: '正在前往: ' + banner.title,
+				// 	icon: 'none'
+				// })
+				// setTimeout(() => {
+				// 	this.$utils.navigateTo(`/pages_order/book/bookDetail?id=${banner.id}`)
+				// }, 500)
 			},
 			// 查看公告详情
 			viewNotice() {
 				uni.navigateTo({
-					url: '/pages_order/novel/Allannouncements'
+					url: '/pages_order/announcement/announcements'
 				})
 			},
 			navigateToDetail(id) {
diff --git a/pages_order/announcement/announcementDetail.vue b/pages_order/announcement/announcementDetail.vue
new file mode 100644
index 0000000..1c5be41
--- /dev/null
+++ b/pages_order/announcement/announcementDetail.vue
@@ -0,0 +1,121 @@
+<template>
+	<!-- 公告详情页面 -->
+	<view class="announcement-container">
+		<navbar title="公告详情" leftClick @leftClick="$utils.navigateBack" />
+
+		<view class="award-section">
+			<view class="award-item">
+				<text class="award-title">长篇网文</text>
+				<view class="award-content">
+					<view class="sub-award">
+						<text class="sub-title">• 优质加更奖：</text>
+						<text class="detail">拟获奖作品156本，共发放奖金41.5万元，查看拟获奖名单请点击：</text>
+						<text class="link">优质加更奖拟获奖名单</text>
+					</view>
+					<view class="sub-award">
+						<text class="sub-title">• 新书扶更奖：</text>
+						<text class="detail">拟获奖作品5574本，共发放奖金20万元，查看拟获奖名单请点击：</text>
+						<text class="link">新书扶更奖拟获奖名单</text>
+					</view>
+					<view class="sub-award">
+						<text class="sub-title">• 拉新激励奖：</text>
+						<text class="detail">拟获奖作品50部，总计奖金65万，查看拟获奖名单请点击：</text>
+						<text class="link">2月拉新激励奖</text>
+					</view>
+					<view class="sub-award">
+						<text class="sub-title">• 星火计划奖励：</text>
+						<text class="detail">拟获奖作品4178部，总计奖金55万，查看拟获奖名单请点击：</text>
+						<text class="link">2月星火计划奖励名单</text>
+					</view>
+				</view>
+			</view>
+
+			<view class="award-item">
+				<text class="award-title">完结专场</text>
+				<view class="award-content">
+					<view class="sub-award">
+						<text class="sub-title">• 脱洞盛宴征文活动：</text>
+						<text class="detail">月度脱洞专题：拟获奖作品1260部，总计奖金45万，查看拟获奖名单请点击：</text>
+						<text class="link">2月完结专题奖励名单</text>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {
+			'uv-navbar': () => import('@/uni_modules/uv-navbar/components/uv-navbar/uv-navbar.vue')
+		},
+		data() {
+			return {}
+		},
+		methods: {
+			// 可以添加点击链接跳转等方法
+		}
+	}
+</script>
+
+<style lang="scss">
+	.announcement-container {
+		padding: 30rpx;
+		background: #fff;
+
+		.header {
+			margin-bottom: 40rpx;
+
+			.title {
+				font-size: 36rpx;
+				font-weight: bold;
+				color: #333;
+				margin-bottom: 20rpx;
+				display: block;
+			}
+
+			.date {
+				font-size: 28rpx;
+				color: #666;
+				line-height: 1.6;
+			}
+		}
+
+		.award-section {
+			.award-item {
+				margin-bottom: 40rpx;
+
+				.award-title {
+					font-size: 32rpx;
+					font-weight: bold;
+					color: #333;
+					margin-bottom: 20rpx;
+					display: block;
+				}
+
+				.award-content {
+					.sub-award {
+						margin-bottom: 20rpx;
+
+						.sub-title {
+							font-size: 28rpx;
+							color: #333;
+							font-weight: 500;
+						}
+
+						.detail {
+							font-size: 28rpx;
+							color: #666;
+						}
+
+						.link {
+							color: #007AFF;
+							text-decoration: underline;
+							font-size: 28rpx;
+						}
+					}
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/announcement/announcements.vue b/pages_order/announcement/announcements.vue
new file mode 100644
index 0000000..ba661b4
--- /dev/null
+++ b/pages_order/announcement/announcements.vue
@@ -0,0 +1,117 @@
+<template>
+	<view class="announcements-container">
+		<navbar title="全部公告" leftClick @leftClick="$utils.navigateBack" />
+
+		<view class="announcements-list">
+			<view class="announcement-item" v-for="(item, index) in announcements" :key="index"
+				@click="$utils.navigateTo(`/pages_order/announcement/announcementDetail?id=${item.id}`)">
+				<view class="item-left">
+					<text class="tag">通讯</text>
+					<text class="title">{{ item.title }}</text>
+				</view>
+				<view class="item-right">
+					<uv-icon name="arrow-right" color="#C8C8C8" size="28rpx"></uv-icon>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				announcements: [{
+						id: 1,
+						title: '2025年2月平台福利活动拟获奖作品公示',
+						type: '通讯'
+					},
+					{
+						id: 2,
+						title: '2025年2月平台福利活动拟获奖作品公示',
+						type: '通讯'
+					},
+					{
+						id: 3,
+						title: '2025年2月平台福利活动拟获奖作品公示',
+						type: '通讯'
+					},
+					{
+						id: 4,
+						title: '2025年2月平台福利活动拟获奖作品公示',
+						type: '通讯'
+					},
+					{
+						id: 5,
+						title: '2025年2月平台福利活动拟获奖作品公示',
+						type: '通讯'
+					},
+					{
+						id: 6,
+						title: '2025年2月平台福利活动拟获奖作品公示',
+						type: '通讯'
+					},
+					{
+						id: 7,
+						title: '2025年2月平台福利活动拟获奖作品公示',
+						type: '通讯'
+					}
+				]
+			}
+		},
+		methods: {
+		}
+	}
+</script>
+
+<style lang="scss">
+	.announcements-container {
+		min-height: 100vh;
+		background-color: #F8F8F8;
+
+		.announcements-list {
+			padding: 20rpx;
+
+			.announcement-item {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				background-color: #FFFFFF;
+				padding: 30rpx;
+				margin-bottom: 20rpx;
+				border-radius: 12rpx;
+
+				.item-left {
+					flex: 1;
+					margin-right: 20rpx;
+
+					.tag {
+						display: inline-block;
+						font-size: 24rpx;
+						color: #666666;
+						background-color: #F5F5F5;
+						padding: 4rpx 12rpx;
+						border-radius: 6rpx;
+						margin-bottom: 16rpx;
+					}
+
+					.title {
+						display: block;
+						font-size: 28rpx;
+						color: #333333;
+						line-height: 1.4;
+					}
+				}
+
+				.item-right {
+					display: flex;
+					align-items: center;
+				}
+
+				&:active {
+					background-color: #F9F9F9;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/comment/myComment.vue b/pages_order/comment/myComment.vue
new file mode 100644
index 0000000..9832832
--- /dev/null
+++ b/pages_order/comment/myComment.vue
@@ -0,0 +1,194 @@
+<template>
+	<view class="my-comment-page">
+		<navbar title="我的评论" :leftClick="true" @leftClick="goBack" />
+		<view class="comment-section">
+			<view class="section-title">未读评论·{{ unreadComments.length }}</view>
+			<view v-for="(item, idx) in unreadComments" :key="idx" class="comment-card">
+				<uv-avatar :src="item.avatar" size="44" shape="circle" class="avatar" />
+				<view class="comment-main">
+					<view class="comment-header">
+						<text class="username">{{ item.username }}</text>
+						<text class="from">来自《{{ item.bookTitle }}》</text>
+					</view>
+					<view class="comment-content">{{ item.content }}</view>
+					<view class="comment-footer">
+						<text class="comment-time">{{ item.time }}</text>
+						<view class="reply-btn-wrap" @click="goToReply(item)">
+
+							<text class="reply-btn">回复</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="comment-section history-section">
+			<view class="section-title">历史评论</view>
+			<view v-for="(item, idx) in historyComments" :key="idx" class="comment-card">
+				<uv-avatar :src="item.avatar" size="44" shape="circle" class="avatar" />
+				<view class="comment-main">
+					<view class="comment-header">
+						<text class="username">{{ item.username }}</text>
+						<text class="from">来自《{{ item.bookTitle }}》</text>
+					</view>
+					<view class="comment-content">{{ item.content }}</view>
+					<view class="comment-footer">
+						<text class="comment-time">{{ item.time }}</text>
+						<view class="reply-btn-wrap" @click="goToReply(item)">
+
+							<text class="reply-btn">回复</text>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {
+
+		},
+		data() {
+			return {
+				unreadComments: [{
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						username: '方香橙',
+						bookTitle: '重生之财富滚滚',
+						content: '我是本书的作者方香橙，这是一本甜文爽文哒！请放心入坑，五星好评！女主又美有个性可爱，绝对不圣母，不傻白！男主身心干净深情独宠媳妇儿一个人...',
+						time: '2024.07.09'
+					},
+					{
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						username: '战斗世界',
+						bookTitle: '重生之财富滚滚',
+						content: '这本书打破了我看甜文套路之前的观念女主真的太可爱太有趣和以往看过的一个NPC介绍有很大不同',
+						time: '2024.06.09'
+					},
+					{
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						username: '战斗世界',
+						bookTitle: '重生之财富滚滚',
+						content: '这本书打破了我看甜文套路之前的观念女主真的太可爱太有趣和以往看过的一个NPC介绍有很大不同',
+						time: '2024.06.09'
+					}
+				],
+				historyComments: [{
+					avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+					username: '方香橙',
+					bookTitle: '重生之财富滚滚',
+					content: '我是本书的作者方香橙，这是一本甜文爽文哒！请放心入坑，五星好评！女主又美有个性可爱，绝对不圣母，不傻白！男主身心干净深情独宠媳妇儿一个人...',
+					time: '2024.07.09'
+				}]
+			}
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack()
+			},
+			goToReply(item) {
+				uni.navigateTo({
+					url: '/pages_order/novel/Respondcomments'
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.my-comment-page {
+		min-height: 100vh;
+		background: #f8f8f8;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.comment-section {
+		background: #fff;
+		margin: 24rpx 24rpx 0 24rpx;
+		border-radius: 16rpx;
+		padding: 24rpx 24rpx 0 24rpx;
+		margin-bottom: 24rpx;
+	}
+
+	.section-title {
+		color: #222;
+		font-size: 28rpx;
+		font-weight: 500;
+		margin-bottom: 16rpx;
+	}
+
+	.comment-card {
+		display: flex;
+		align-items: flex-start;
+		margin-bottom: 32rpx;
+	}
+
+	.avatar {
+		width: 56rpx;
+		height: 56rpx;
+		border-radius: 50%;
+		margin-right: 16rpx;
+		flex-shrink: 0;
+	}
+
+	.comment-main {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.comment-header {
+		display: flex;
+		align-items: center;
+		gap: 12rpx;
+		margin-bottom: 4rpx;
+	}
+
+	.username {
+		font-size: 26rpx;
+		color: #222;
+		font-weight: 500;
+	}
+
+	.from {
+		font-size: 22rpx;
+		color: #bdbdbd;
+	}
+
+	.comment-content {
+		font-size: 26rpx;
+		color: #333;
+		margin-bottom: 12rpx;
+	}
+
+	.comment-footer {
+		display: flex;
+		align-items: center;
+		font-size: 22rpx;
+		color: #bdbdbd;
+		justify-content: space-between;
+		padding-right: 8rpx;
+	}
+
+	.comment-time {
+		color: #bdbdbd;
+	}
+
+	.reply-btn-wrap {
+		display: flex;
+		align-items: center;
+		cursor: pointer;
+	}
+
+	.reply-btn {
+		color: #223a6b;
+		font-weight: 500;
+		margin-left: 0;
+		font-size: 24rpx;
+	}
+
+	.history-section {
+		margin-top: 24rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/components/comment/commentItem.vue b/pages_order/components/comment/commentItem.vue
new file mode 100644
index 0000000..c649e4c
--- /dev/null
+++ b/pages_order/components/comment/commentItem.vue
@@ -0,0 +1,103 @@
+<template>
+	<view class="comment-item">
+		<view class="comment-header">
+			<image class="avatar"
+				src="https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain"
+				mode="aspectFill"></image>
+			<text class="username">方香橙</text>
+		</view>
+		<view class="comment-body">
+			<text class="content-text">我是本书的作者方香橙，这是一本甜文爽文哒！请放心入坑，五星好评！女主又美有个性可爱，绝对不圣母，不傻白！男主身心干净深情独宠媳妇儿一个人...</text>
+			<view class="comment-footer">
+				<text class="comment-time">2024.07.09</text>
+				<view class="comment-likes" @click="goToCommentReply">
+					<text class="like-icon">💬</text>
+					<text class="like-count">17</text>
+				</view>
+			</view>
+		</view>
+	</view>
+	
+	<!-- 
+	 
+	 <view class="comment-item">
+	 	<view class="comment-header">
+	 		<image class="avatar"
+	 			src="https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain"
+	 			mode="aspectFill"></image>
+	 		<text class="username">战斗世界</text>
+	 	</view>
+	 	<view class="comment-body">
+	 		<text class="content-text">这本小说了创意了雄天霸业奇新颖深刻以白色能量为主...</text>
+	 	</view>
+	 </view>
+	 
+	 -->
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.comment-item {
+		display: flex;
+		flex-direction: column;
+		gap: 16rpx;
+
+		.comment-header {
+			display: flex;
+			align-items: center;
+			gap: 12rpx;
+		}
+
+		.avatar {
+			width: 64rpx;
+			height: 64rpx;
+			border-radius: 50%;
+		}
+
+		.username {
+			font-size: 28rpx;
+			color: #333;
+			font-weight: 500;
+		}
+
+		.comment-body {
+			padding-left: 76rpx;
+		}
+
+		.content-text {
+			font-size: 28rpx;
+			color: #333;
+			line-height: 1.6;
+		}
+
+		.comment-footer {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			margin-top: 16rpx;
+		}
+
+		.comment-time {
+			font-size: 24rpx;
+			color: #999;
+		}
+
+		.comment-likes {
+			display: flex;
+			align-items: center;
+			gap: 4rpx;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/components/novel/chapterPopup.vue b/pages_order/components/novel/chapterPopup.vue
new file mode 100644
index 0000000..aefd743
--- /dev/null
+++ b/pages_order/components/novel/chapterPopup.vue
@@ -0,0 +1,235 @@
+<template>
+	<uv-popup ref="popup" :round="30" :customStyle="{height: '70vh'}">
+		<view class="catalog-popup-fullscreen">
+			<view class="catalog-header">
+				<view class="header-left" @click.stop="close">
+					<uv-icon name="arrow-down" size="46" color="#333"/>
+				</view>
+				<view class="header-title">目录</view>
+				<view class="header-right" @click.stop="orderAsc = !orderAsc">倒序</view>
+			</view>
+			<scroll-view scroll-y class="catalog-list">
+				<view v-for="(item, idx) in (orderAsc ? chapterList : [...chapterList].reverse())" :key="item.id"
+					@click="selectChapter(orderAsc ? idx : chapterList.length - 1 - idx)"
+					:class="['catalog-item', {active: (orderAsc ? idx : chapterList.length - 1 - idx) === currentIndex}]">
+					<view class="item-main">
+						<text class="item-title">{{ item.title }}</text>
+						<text v-if="item.vip" class="vip-tag">付费</text>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+	</uv-popup>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				chapterCount: 2814,
+				orderAsc : true,
+				currentIndex : 0,
+				chapterList: [{
+						id: 1,
+						title: '第一章 重回2004',
+						vip: false
+					},
+					{
+						id: 2,
+						title: '第二章 陈年旧恨',
+						vip: false
+					},
+					{
+						id: 3,
+						title: '第三章 再相见',
+						vip: false
+					},
+					{
+						id: 4,
+						title: '第四章 李东的邀请',
+						vip: false
+					},
+					{
+						id: 5,
+						title: '第五章 小气的男',
+						vip: false
+					},
+					{
+						id: 6,
+						title: '第六章 先送谁?',
+						vip: false
+					},
+					{
+						id: 7,
+						title: '第七章 打听行情',
+						vip: false
+					},
+					{
+						id: 8,
+						title: '第八章 省城探路',
+						vip: false
+					},
+					{
+						id: 9,
+						title: '第九章 订货',
+						vip: false
+					},
+					{
+						id: 10,
+						title: '第十章 第一桶金',
+						vip: true
+					},
+					{
+						id: 11,
+						title: '第十一章 高富帅来袭',
+						vip: true
+					},
+					{
+						id: 12,
+						title: '第十二章 故学后，挥场见！',
+						vip: true
+					},
+					{
+						id: 13,
+						title: '第十三章 你来我往',
+						vip: true
+					},
+					{
+						id: 14,
+						title: '第十四章 你来我往',
+						vip: true
+					},
+					{
+						id: 15,
+						title: '第十五章 你来我往',
+						vip: true
+					},
+					{
+						id: 16,
+						title: '第十六章 你来我往',
+						vip: true
+					},
+					{
+						id: 17,
+						title: '第十七章 你来我往',
+						vip: true
+					},
+					{
+						id: 18,
+						title: '第十八章 你来我往',
+						vip: true
+					}
+				]
+			}
+		},
+		methods: {
+			open() {
+				this.$refs.popup.open('bottom')
+			},
+			close() {
+				this.$refs.popup.close()
+			},
+			selectChapter(){
+				
+			},
+			selectChapter(idx) {
+				this.currentIndex = idx
+				this.showCatalog = false
+				// TODO: 跳转到对应章节内容
+			},
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.catalog-popup-fullscreen {
+		position: relative;
+		height: 100%;
+		width: 100vw;
+		background: #fff;
+		display: flex;
+		flex-direction: column;
+		overflow: hidden;
+
+		.catalog-header {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			padding: 0 24rpx;
+			height: 96rpx;
+			border-bottom: 1px solid #eee;
+			position: sticky;
+			top: 0;
+			background: #fff;
+			z-index: 2;
+		}
+
+
+		.header-left {
+			width: 60rpx;
+			display: flex;
+			align-items: center;
+			justify-content: flex-start;
+		}
+
+		.header-title {
+			flex: 1;
+			text-align: center;
+			font-size: 32rpx;
+			font-weight: bold;
+			color: #222;
+		}
+
+		.header-right {
+			color: #223a7a;
+			font-size: 28rpx;
+			font-weight: 500;
+			min-width: 80rpx;
+			text-align: right;
+		}
+
+		.catalog-list {
+			height: calc(100% - 180rpx);
+			overflow: auto;
+			padding-bottom: 40rpx;
+		}
+
+		.catalog-item {
+			padding: 0 32rpx;
+			min-height: 80rpx;
+			display: flex;
+			flex-direction: column;
+			justify-content: center;
+			border-bottom: 1px solid #f5f5f5;
+			background: #fff;
+			color: #222;
+			font-size: 30rpx;
+			position: relative;
+		}
+
+		.catalog-item.active {
+			color: #ff5a5f;
+			background: #fff7f7;
+		}
+
+		.item-main {
+			display: flex;
+			align-items: center;
+			gap: 16rpx;
+		}
+
+		.item-title {
+			font-size: 30rpx;
+		}
+
+		.vip-tag {
+			background: #ffe1b2;
+			color: #ff9900;
+			border-radius: 20rpx;
+			font-size: 24rpx;
+			padding: 2rpx 18rpx;
+			margin-left: 16rpx;
+		}
+
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/novel/Allannouncements.vue b/pages_order/novel/Allannouncements.vue
deleted file mode 100644
index 01df2f5..0000000
--- a/pages_order/novel/Allannouncements.vue
+++ /dev/null
@@ -1,137 +0,0 @@
-<template>
-  <view class="announcements-container">
-    <uv-navbar
-      title="全部公告"
-      :autoBack="true"
-      fixed
-      placeholder
-      titleStyle="color: #333; font-weight: 500;"
-      :border="false"
-    ></uv-navbar>
-    
-    <view class="announcements-list">
-      <view 
-        class="announcement-item" 
-        v-for="(item, index) in announcements" 
-        :key="index"
-        @click="viewAnnouncement(item)"
-      >
-        <view class="item-left">
-          <text class="tag">通讯</text>
-          <text class="title">{{ item.title }}</text>
-        </view>
-        <view class="item-right">
-          <uv-icon name="arrow-right" color="#C8C8C8" size="28rpx"></uv-icon>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-export default {
-  components: {
-    'uv-navbar': () => import('@/uni_modules/uv-navbar/components/uv-navbar/uv-navbar.vue')
-  },
-  data() {
-    return {
-      announcements: [
-        {
-          id: 1,
-          title: '2025年2月平台福利活动拟获奖作品公示',
-          type: '通讯'
-        },
-        {
-          id: 2,
-          title: '2025年2月平台福利活动拟获奖作品公示',
-          type: '通讯'
-        },
-        {
-          id: 3,
-          title: '2025年2月平台福利活动拟获奖作品公示',
-          type: '通讯'
-        },
-        {
-          id: 4,
-          title: '2025年2月平台福利活动拟获奖作品公示',
-          type: '通讯'
-        },
-        {
-          id: 5,
-          title: '2025年2月平台福利活动拟获奖作品公示',
-          type: '通讯'
-        },
-        {
-          id: 6,
-          title: '2025年2月平台福利活动拟获奖作品公示',
-          type: '通讯'
-        },
-        {
-          id: 7,
-          title: '2025年2月平台福利活动拟获奖作品公示',
-          type: '通讯'
-        }
-      ]
-    }
-  },
-  methods: {
-    viewAnnouncement(item) {
-      uni.navigateTo({
-        url: `/pages_order/novel/announcement?id=${item.id}`
-      })
-    }
-  }
-}
-</script>
-
-<style lang="scss">
-.announcements-container {
-  min-height: 100vh;
-  background-color: #F8F8F8;
-  
-  .announcements-list {
-    padding: 20rpx;
-    
-    .announcement-item {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      background-color: #FFFFFF;
-      padding: 30rpx;
-      margin-bottom: 20rpx;
-      border-radius: 12rpx;
-      
-      .item-left {
-        flex: 1;
-        margin-right: 20rpx;
-        
-        .tag {
-          display: inline-block;
-          font-size: 24rpx;
-          color: #666666;
-          background-color: #F5F5F5;
-          padding: 4rpx 12rpx;
-          border-radius: 6rpx;
-          margin-bottom: 16rpx;
-        }
-        
-        .title {
-          display: block;
-          font-size: 28rpx;
-          color: #333333;
-          line-height: 1.4;
-        }
-      }
-      
-      .item-right {
-        display: flex;
-        align-items: center;
-      }
-      
-      &:active {
-        background-color: #F9F9F9;
-      }
-    }
-  }
-}
-</style>
diff --git a/pages_order/novel/Mycomment.vue b/pages_order/novel/Mycomment.vue
deleted file mode 100644
index 827711f..0000000
--- a/pages_order/novel/Mycomment.vue
+++ /dev/null
@@ -1,180 +0,0 @@
-<template>
-  <view class="my-comment-page">
-    <navbar title="我的评论" :leftClick="true" @leftClick="goBack" />
-    <view class="comment-section">
-      <view class="section-title">未读评论·{{ unreadComments.length }}</view>
-      <view v-for="(item, idx) in unreadComments" :key="'unread-' + idx" class="comment-card">
-        <uv-avatar :src="item.avatar" size="44" shape="circle" class="avatar" />
-        <view class="comment-main">
-          <view class="comment-header">
-            <text class="username">{{ item.username }}</text>
-            <text class="from">来自《{{ item.bookTitle }}》</text>
-          </view>
-          <view class="comment-content">{{ item.content }}</view>
-          <view class="comment-footer">
-            <text class="comment-time">{{ item.time }}</text>
-            <view class="reply-btn-wrap" @click="goToReply(item)">
-            
-              <text class="reply-btn">回复</text>
-            </view>
-          </view>
-        </view>
-      </view>
-    </view>
-    <view class="comment-section history-section">
-      <view class="section-title">历史评论</view>
-      <view v-for="(item, idx) in historyComments" :key="'history-' + idx" class="comment-card">
-        <uv-avatar :src="item.avatar" size="44" shape="circle" class="avatar" />
-        <view class="comment-main">
-          <view class="comment-header">
-            <text class="username">{{ item.username }}</text>
-            <text class="from">来自《{{ item.bookTitle }}》</text>
-          </view>
-          <view class="comment-content">{{ item.content }}</view>
-          <view class="comment-footer">
-            <text class="comment-time">{{ item.time }}</text>
-            <view class="reply-btn-wrap" @click="goToReply(item)">
-            
-              <text class="reply-btn">回复</text>
-            </view>
-          </view>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-import navbar from '@/components/base/navbar.vue'
-export default {
-  components: { navbar },
-  data() {
-    return {
-      unreadComments: [
-        {
-          avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
-          username: '方香橙',
-          bookTitle: '重生之财富滚滚',
-          content: '我是本书的作者方香橙，这是一本甜文爽文哒！请放心入坑，五星好评！女主又美有个性可爱，绝对不圣母，不傻白！男主身心干净深情独宠媳妇儿一个人...',
-          time: '2024.07.09'
-        },
-        {
-          avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
-          username: '战斗世界',
-          bookTitle: '重生之财富滚滚',
-          content: '这本书打破了我看甜文套路之前的观念女主真的太可爱太有趣和以往看过的一个NPC介绍有很大不同',
-          time: '2024.06.09'
-        },
-        {
-          avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
-          username: '战斗世界',
-          bookTitle: '重生之财富滚滚',
-          content: '这本书打破了我看甜文套路之前的观念女主真的太可爱太有趣和以往看过的一个NPC介绍有很大不同',
-          time: '2024.06.09'
-        }
-      ],
-      historyComments: [
-        {
-          avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
-          username: '方香橙',
-          bookTitle: '重生之财富滚滚',
-          content: '我是本书的作者方香橙，这是一本甜文爽文哒！请放心入坑，五星好评！女主又美有个性可爱，绝对不圣母，不傻白！男主身心干净深情独宠媳妇儿一个人...',
-          time: '2024.07.09'
-        }
-      ]
-    }
-  },
-  methods: {
-    goBack() {
-      uni.navigateBack()
-    },
-    goToReply(item) {
-      uni.navigateTo({ url: '/pages_order/novel/Respondcomments' })
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-.my-comment-page {
-  min-height: 100vh;
-  background: #f8f8f8;
-  display: flex;
-  flex-direction: column;
-}
-.comment-section {
-  background: #fff;
-  margin: 24rpx 24rpx 0 24rpx;
-  border-radius: 16rpx;
-  padding: 24rpx 24rpx 0 24rpx;
-  margin-bottom: 24rpx;
-}
-.section-title {
-  color: #222;
-  font-size: 28rpx;
-  font-weight: 500;
-  margin-bottom: 16rpx;
-}
-.comment-card {
-  display: flex;
-  align-items: flex-start;
-  margin-bottom: 32rpx;
-}
-.avatar {
-  width: 56rpx;
-  height: 56rpx;
-  border-radius: 50%;
-  margin-right: 16rpx;
-  flex-shrink: 0;
-}
-.comment-main {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-}
-.comment-header {
-  display: flex;
-  align-items: center;
-  gap: 12rpx;
-  margin-bottom: 4rpx;
-}
-.username {
-  font-size: 26rpx;
-  color: #222;
-  font-weight: 500;
-}
-.from {
-  font-size: 22rpx;
-  color: #bdbdbd;
-}
-.comment-content {
-  font-size: 26rpx;
-  color: #333;
-  margin-bottom: 12rpx;
-}
-.comment-footer {
-  display: flex;
-  align-items: center;
-  font-size: 22rpx;
-  color: #bdbdbd;
-  justify-content: space-between;
-  padding-right: 8rpx;
-}
-.comment-time {
-  color: #bdbdbd;
-}
-.reply-btn-wrap {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-.reply-btn {
-  color: #223a6b;
-  font-weight: 500;
-  margin-left: 0;
-  font-size: 24rpx;
-}
-.history-section {
-  margin-top: 24rpx;
-}
-</style>
diff --git a/pages_order/novel/ReaderAchievement.vue b/pages_order/novel/ReaderAchievement.vue
index 72854eb..c0313c4 100644
--- a/pages_order/novel/ReaderAchievement.vue
+++ b/pages_order/novel/ReaderAchievement.vue
@@ -1,192 +1,220 @@
 <template>
-  <view class="achievement-page">
-    <uv-navbar title="读者成就设置" fixed placeholder></uv-navbar>
-    <view class="achievement-card">
-      <view class="card-title-row">
-        <view class="card-title">阅读成就设置</view>
-        <view v-if="isPending" class="pending-tag">设置审核中</view>
-      </view>
-      <view class="achievement-list">
-        <view class="achievement-item">
-          <image class="badge-img" src="https://tse3-mm.cn.bing.net/th/id/OIP-C.wUsFZgl70iE4tI7b_HKaKgHaHa?w=166&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7" mode="aspectFill" />
-          <view class="input-area">
-            <view class="label-row">
-              <text class="required">*</text>
-              <text class="label">一级成就名称</text>
-            </view>
-            <input class="input" v-model="level1" placeholder="请输入" placeholder-class="input-placeholder" />
-          </view>
-        </view>
-        <view class="divider"></view>
-        <view class="achievement-item">
-          <image class="badge-img" src="https://tse3-mm.cn.bing.net/th/id/OIP-C.wUsFZgl70iE4tI7b_HKaKgHaHa?w=166&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7" mode="aspectFill" />
-          <view class="input-area">
-            <view class="label-row">
-              <text class="required">*</text>
-              <text class="label">二级成就名称</text>
-            </view>
-            <input class="input" v-model="level2" placeholder="请输入" placeholder-class="input-placeholder" />
-          </view>
-        </view>
-        <view class="divider"></view>
-        <view class="achievement-item">
-          <image class="badge-img" src="https://tse3-mm.cn.bing.net/th/id/OIP-C.wUsFZgl70iE4tI7b_HKaKgHaHa?w=166&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7" mode="aspectFill" />
-          <view class="input-area">
-            <view class="label-row">
-              <text class="required">*</text>
-              <text class="label">三级成就名称</text>
-            </view>
-            <input class="input" v-model="level3" placeholder="请输入" placeholder-class="input-placeholder" />
-          </view>
-        </view>
-      </view>
-    </view>
-    <view class="bottom-btn-area">
-      <button class="submit-btn" :disabled="isPending" :class="{disabled: isPending, pending: isPending}" @click="submit">
-        {{ isPending ? '设置' : '提交申请' }}
-      </button>
-    </view>
-  </view>
+	<view class="achievement-page">
+		<uv-navbar title="读者成就设置" fixed placeholder></uv-navbar>
+		<view class="achievement-card">
+			<view class="card-title-row">
+				<view class="card-title">阅读成就设置</view>
+				<view v-if="isPending" class="pending-tag">设置审核中</view>
+			</view>
+			<view class="achievement-list">
+				<view class="achievement-item">
+					<image class="badge-img"
+						src="https://tse3-mm.cn.bing.net/th/id/OIP-C.wUsFZgl70iE4tI7b_HKaKgHaHa?w=166&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7"
+						mode="aspectFill" />
+					<view class="input-area">
+						<view class="label-row">
+							<text class="required">*</text>
+							<text class="label">一级成就名称</text>
+						</view>
+						<input class="input" v-model="level1" placeholder="请输入" placeholder-class="input-placeholder" />
+					</view>
+				</view>
+				<view class="divider"></view>
+				<view class="achievement-item">
+					<image class="badge-img"
+						src="https://tse3-mm.cn.bing.net/th/id/OIP-C.wUsFZgl70iE4tI7b_HKaKgHaHa?w=166&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7"
+						mode="aspectFill" />
+					<view class="input-area">
+						<view class="label-row">
+							<text class="required">*</text>
+							<text class="label">二级成就名称</text>
+						</view>
+						<input class="input" v-model="level2" placeholder="请输入" placeholder-class="input-placeholder" />
+					</view>
+				</view>
+				<view class="divider"></view>
+				<view class="achievement-item">
+					<image class="badge-img"
+						src="https://tse3-mm.cn.bing.net/th/id/OIP-C.wUsFZgl70iE4tI7b_HKaKgHaHa?w=166&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7"
+						mode="aspectFill" />
+					<view class="input-area">
+						<view class="label-row">
+							<text class="required">*</text>
+							<text class="label">三级成就名称</text>
+						</view>
+						<input class="input" v-model="level3" placeholder="请输入" placeholder-class="input-placeholder" />
+					</view>
+				</view>
+			</view>
+		</view>
+		<view class="bottom-btn-area">
+			<button class="submit-btn" :disabled="isPending" :class="{disabled: isPending, pending: isPending}"
+				@click="submit">
+				{{ isPending ? '设置' : '提交申请' }}
+			</button>
+		</view>
+	</view>
 </template>
 
 <script>
-export default {
-  data() {
-    return {
-      level1: '',
-      level2: '',
-      level3: '',
-      isPending: false
-    }
-  },
-  methods: {
-    submit() {
-      if (!this.level1 || !this.level2 || !this.level3) {
-        uni.showToast({ title: '请填写所有成就名称', icon: 'none' })
-        return
-      }
-      this.isPending = true
-      // 可根据需要添加实际提交逻辑
-    }
-  }
-}
+	export default {
+		data() {
+			return {
+				level1: '',
+				level2: '',
+				level3: '',
+				isPending: false
+			}
+		},
+		methods: {
+			submit() {
+				if (!this.level1 || !this.level2 || !this.level3) {
+					uni.showToast({
+						title: '请填写所有成就名称',
+						icon: 'none'
+					})
+					return
+				}
+				this.isPending = true
+				// 可根据需要添加实际提交逻辑
+			}
+		}
+	}
 </script>
 
 <style scoped lang="scss">
-.achievement-page {
-  min-height: 100vh;
-  background: #f7f8fa;
-  display: flex;
-  flex-direction: column;
-}
-.achievement-card {
-  background: #fff;
-  border-radius: 20rpx;
-  margin: 40rpx 32rpx 0 32rpx;
-  padding: 32rpx 24rpx;
-  box-shadow: 0 4rpx 24rpx 0 rgba(0,0,0,0.04);
-}
-.card-title-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.card-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  margin-bottom: 32rpx;
-}
-.achievement-list {
-  display: flex;
-  flex-direction: column;
-  gap: 0;
-}
-.achievement-item {
-  display: flex;
-  align-items: flex-start;
-  padding: 18rpx 0 10rpx 0;
-}
-.badge-img {
-  width: 72rpx;
-  height: 72rpx;
-  margin-right: 20rpx;
-  border-radius: 50%;
-  background: #f5f5f5;
-  object-fit: cover;
-  border: 2rpx solid #fff;
-  box-shadow: 0 2rpx 8rpx 0 rgba(0,0,0,0.04);
-}
-.input-area {
-  margin-top: 15rpx;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-start;
-}
-.label-row {
-  display: flex;
-  align-items: center;
-  margin-bottom: 6rpx;
-}
-.required {
-  color: #e23d3d;
-  font-size: 28rpx;
-  margin-right: 4rpx;
-}
-.label {
-  font-size: 28rpx;
-  color: #222;
-  font-weight: bold;
-}
-.input {
-  width: 100%;
-  border: none;
-  border-bottom: 1.5rpx solid #ececec;
-  font-size: 28rpx;
-  background: transparent;
-  padding: 8rpx 0 6rpx 0;
-  margin-bottom: 2rpx;
-}
-.input-placeholder {
-  color: #d2d2d2;
-  font-size: 26rpx;
-}
-.divider {
-  height: 1rpx;
-  background: #f3f3f3;
-  margin: 0 0 0 92rpx;
-}
-.bottom-btn-area {
-  margin-top: auto;
-  padding: 48rpx 32rpx 32rpx 32rpx;
-  background: transparent;
-}
-.submit-btn {
-  width: 100%;
-  height: 88rpx;
-  background: #0a2e6d;
-  color: #fff;
-  font-size: 32rpx;
-  border-radius: 44rpx;
-  font-weight: bold;
-  letter-spacing: 2rpx;
-  transition: background 0.2s;
-}
-.submit-btn.disabled {
-  background: #807a7a;
-  color: #fff;
-}
-.submit-btn.pending {
-  background: #0a226d;
-  color: #fff;
-}
-.pending-tag {
-  background: #807a7a;
-  color: #fff;
-  font-size: 24rpx;
-  border-radius: 10rpx;
-  padding: 6rpx 24rpx;
-  margin-left: 20rpx;
-  margin-bottom: 32rpx;
-}
-</style>
+	.achievement-page {
+		min-height: 100vh;
+		background: #f7f8fa;
+		display: flex;
+		flex-direction: column;
+	}
+
+	.achievement-card {
+		background: #fff;
+		border-radius: 20rpx;
+		margin: 40rpx 32rpx 0 32rpx;
+		padding: 32rpx 24rpx;
+		box-shadow: 0 4rpx 24rpx 0 rgba(0, 0, 0, 0.04);
+	}
+
+	.card-title-row {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.card-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		margin-bottom: 32rpx;
+	}
+
+	.achievement-list {
+		display: flex;
+		flex-direction: column;
+		gap: 0;
+	}
+
+	.achievement-item {
+		display: flex;
+		align-items: flex-start;
+		padding: 18rpx 0 10rpx 0;
+	}
+
+	.badge-img {
+		width: 72rpx;
+		height: 72rpx;
+		margin-right: 20rpx;
+		border-radius: 50%;
+		background: #f5f5f5;
+		object-fit: cover;
+		border: 2rpx solid #fff;
+		box-shadow: 0 2rpx 8rpx 0 rgba(0, 0, 0, 0.04);
+	}
+
+	.input-area {
+		margin-top: 15rpx;
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-start;
+	}
+
+	.label-row {
+		display: flex;
+		align-items: center;
+		margin-bottom: 6rpx;
+	}
+
+	.required {
+		color: #e23d3d;
+		font-size: 28rpx;
+		margin-right: 4rpx;
+	}
+
+	.label {
+		font-size: 28rpx;
+		color: #222;
+		font-weight: bold;
+	}
+
+	.input {
+		width: 100%;
+		border: none;
+		border-bottom: 1.5rpx solid #ececec;
+		font-size: 28rpx;
+		background: transparent;
+		padding: 8rpx 0 6rpx 0;
+		margin-bottom: 2rpx;
+	}
+
+	.input-placeholder {
+		color: #d2d2d2;
+		font-size: 26rpx;
+	}
+
+	.divider {
+		height: 1rpx;
+		background: #f3f3f3;
+		margin: 0 0 0 92rpx;
+	}
+
+	.bottom-btn-area {
+		margin-top: auto;
+		padding: 48rpx 32rpx 32rpx 32rpx;
+		background: transparent;
+	}
+
+	.submit-btn {
+		width: 100%;
+		height: 88rpx;
+		background: #0a2e6d;
+		color: #fff;
+		font-size: 32rpx;
+		border-radius: 44rpx;
+		font-weight: bold;
+		letter-spacing: 2rpx;
+		transition: background 0.2s;
+	}
+
+	.submit-btn.disabled {
+		background: #807a7a;
+		color: #fff;
+	}
+
+	.submit-btn.pending {
+		background: #0a226d;
+		color: #fff;
+	}
+
+	.pending-tag {
+		background: #807a7a;
+		color: #fff;
+		font-size: 24rpx;
+		border-radius: 10rpx;
+		padding: 6rpx 24rpx;
+		margin-left: 20rpx;
+		margin-bottom: 32rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/novel/Review.vue b/pages_order/novel/Review.vue
index a87d018..10f7118 100644
--- a/pages_order/novel/Review.vue
+++ b/pages_order/novel/Review.vue
@@ -1,167 +1,189 @@
 <template>
-  <view class="review-page">
-    <!-- 顶部导航栏 -->
-    <navbar title="写书评" :leftClick="true" @leftClick="goBack" />
-    <view class="review-content">
-      <view class="book-title-label">书本名称</view>
-      <view class="book-title">《{{ bookTitle }}》</view>
-      <view class="form-area flex-grow">
-        <view class="form-label-row">
-          <text class="required-star">*</text>
-          <text class="form-label">书评内容</text>
-        </view>
-        <textarea v-model="form.content" class="review-textarea custom-placeholder full-textarea" placeholder="请输入书评内容" />
-      </view>
-    </view>
-    <view class="review-footer">
-      <view class="footer-divider"></view>
-      <button class="submit-btn" @click="submitReview">发布</button>
-    </view>
-  </view>
+	<view class="review-page">
+		<!-- 顶部导航栏 -->
+		<navbar title="写书评" :leftClick="true" @leftClick="goBack" />
+		<view class="review-content">
+			<view class="book-title-label">书本名称</view>
+			<view class="book-title">《{{ bookTitle }}》</view>
+			<view class="form-area flex-grow">
+				<view class="form-label-row">
+					<text class="required-star">*</text>
+					<text class="form-label">书评内容</text>
+				</view>
+				<textarea v-model="form.content" class="review-textarea custom-placeholder full-textarea"
+					placeholder="请输入书评内容" />
+			</view>
+		</view>
+		<view class="review-footer">
+			<view class="footer-divider"></view>
+			<button class="submit-btn" @click="submitReview">发布</button>
+		</view>
+	</view>
 </template>
 
 <script>
-import navbar from '@/components/base/navbar.vue'
-export default {
-  components: { navbar },
-  data() {
-    return {
-      bookTitle: '',
-      form: {
-        content: ''
-      },
-      rules: {
-        content: [
-          { required: true, message: '请输入书评内容', trigger: ['blur', 'change'] }
-        ]
-      }
-    }
-  },
-  onLoad(options) {
-    // 通过路由参数获取书名
-    this.bookTitle = options.title || '未知书名'
-  },
-  methods: {
-    goBack() {
-      uni.navigateBack()
-    },
-    submitReview() {
-      this.$refs.reviewForm.validate().then(() => {
-        // 提交逻辑，实际开发中可调用API
-        uni.showToast({ title: '发布成功', icon: 'success' })
-        setTimeout(() => {
-          uni.navigateBack()
-        }, 1000)
-      }).catch(() => {})
-    }
-  }
-}
+	import navbar from '@/components/base/navbar.vue'
+	export default {
+		components: {
+			navbar
+		},
+		data() {
+			return {
+				bookTitle: '',
+				form: {
+					content: ''
+				},
+				rules: {
+					content: [{
+						required: true,
+						message: '请输入书评内容',
+						trigger: ['blur', 'change']
+					}]
+				}
+			}
+		},
+		onLoad(options) {
+			// 通过路由参数获取书名
+			this.bookTitle = options.title || '未知书名'
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack()
+			},
+			submitReview() {
+				this.$refs.reviewForm.validate().then(() => {
+					// 提交逻辑，实际开发中可调用API
+					uni.showToast({
+						title: '发布成功',
+						icon: 'success'
+					})
+					setTimeout(() => {
+						uni.navigateBack()
+					}, 1000)
+				}).catch(() => {})
+			}
+		}
+	}
 </script>
 
 <style scoped lang="scss">
-.review-page {
-  min-height: 100vh;
-  background: #f8f8f8;
-  display: flex;
-  flex-direction: column;
-  margin-top: -50rpx;
-}
-.review-content {
-  background: #fff;
-
-  margin: 24rpx 24rpx 0 24rpx;
-  border-radius: 16rpx;
-  padding: 32rpx 24rpx 24rpx 24rpx;
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-  padding-bottom: 140rpx;
-  margin-top: calc(var(--status-bar-height, 0px) + 100rpx);
-}
-.flex-grow {
-  flex: 1 1 0;
-  display: flex;
-  flex-direction: column;
-  min-height: 0;
-}
-.book-title-label {
-  color: #bdbdbd;
-  font-size: 24rpx;
-  margin-bottom: 4rpx;
-}
-.book-title {
-  font-size: 28rpx;
-  color: #222;
-  margin-bottom: 36rpx;
-  border-bottom: 1px solid #ededed;
-  padding-bottom: 8rpx;
-}
-.form-area {
-  margin-top: 18rpx;
-}
-.form-label-row {
-  display: flex;
-  align-items: center;
-  margin-bottom: 8rpx;
-}
-.required-star {
-  color: #e23d3d;
-  font-size: 22rpx;
-  margin-right: 4rpx;
-  line-height: 1;
-}
-.form-label {
-  color: #222;
-  font-size: 26rpx;
-  font-weight: 400;
-}
-.review-textarea {
-  width: 100%;
-  min-height: 320rpx;
-  border: none;
-  background: transparent;
-  font-size: 28rpx;
-  color: #333;
-  resize: none;
-  margin-top: 0;
-  outline: none;
-}
-.review-textarea.custom-placeholder::placeholder {
-  color: #d2d2d2;
-  font-size: 26rpx;
-}
-.full-textarea {
-  flex: 1;
-  min-height: 0;
-  max-height: none;
-  box-sizing: border-box;
-  margin-bottom: 0;
-}
-.review-footer {
-  position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 90rpx;
-  background: #fff;
-  padding: 24rpx 32rpx 32rpx 32rpx;
-  box-shadow: 0 -2rpx 12rpx rgba(0,0,0,0.03);
-  z-index: 10;
-}
-.footer-divider {
-  width: 100%;
-  height: 2rpx;
-  background: #f2f2f2;
-  margin-bottom: 24rpx;
-}
-.submit-btn {
-  width: 100%;
-  height: 80rpx;
-  background: #0a225f;
-  color: #fff;
-  font-size: 30rpx;
-  border-radius: 40rpx;
-  font-weight: 500;
-  letter-spacing: 2rpx;
-}
-</style>
+	.review-page {
+		min-height: 100vh;
+		background: #f8f8f8;
+		display: flex;
+		flex-direction: column;
+		margin-top: -50rpx;
+	}
+
+	.review-content {
+		background: #fff;
+
+		margin: 24rpx 24rpx 0 24rpx;
+		border-radius: 16rpx;
+		padding: 32rpx 24rpx 24rpx 24rpx;
+		display: flex;
+		flex-direction: column;
+		flex: 1;
+		min-height: 0;
+		padding-bottom: 140rpx;
+		margin-top: calc(var(--status-bar-height, 0px) + 100rpx);
+	}
+
+	.flex-grow {
+		flex: 1 1 0;
+		display: flex;
+		flex-direction: column;
+		min-height: 0;
+	}
+
+	.book-title-label {
+		color: #bdbdbd;
+		font-size: 24rpx;
+		margin-bottom: 4rpx;
+	}
+
+	.book-title {
+		font-size: 28rpx;
+		color: #222;
+		margin-bottom: 36rpx;
+		border-bottom: 1px solid #ededed;
+		padding-bottom: 8rpx;
+	}
+
+	.form-area {
+		margin-top: 18rpx;
+	}
+
+	.form-label-row {
+		display: flex;
+		align-items: center;
+		margin-bottom: 8rpx;
+	}
+
+	.required-star {
+		color: #e23d3d;
+		font-size: 22rpx;
+		margin-right: 4rpx;
+		line-height: 1;
+	}
+
+	.form-label {
+		color: #222;
+		font-size: 26rpx;
+		font-weight: 400;
+	}
+
+	.review-textarea {
+		width: 100%;
+		min-height: 320rpx;
+		border: none;
+		background: transparent;
+		font-size: 28rpx;
+		color: #333;
+		resize: none;
+		margin-top: 0;
+		outline: none;
+	}
+
+	.review-textarea.custom-placeholder::placeholder {
+		color: #d2d2d2;
+		font-size: 26rpx;
+	}
+
+	.full-textarea {
+		flex: 1;
+		min-height: 0;
+		max-height: none;
+		box-sizing: border-box;
+		margin-bottom: 0;
+	}
+
+	.review-footer {
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 90rpx;
+		background: #fff;
+		padding: 24rpx 32rpx 32rpx 32rpx;
+		box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.03);
+		z-index: 10;
+	}
+
+	.footer-divider {
+		width: 100%;
+		height: 2rpx;
+		background: #f2f2f2;
+		margin-bottom: 24rpx;
+	}
+
+	.submit-btn {
+		width: 100%;
+		height: 80rpx;
+		background: #0a225f;
+		color: #fff;
+		font-size: 30rpx;
+		border-radius: 40rpx;
+		font-weight: 500;
+		letter-spacing: 2rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/novel/SubscriptionInformation.vue b/pages_order/novel/SubscriptionInformation.vue
index 02fe156..58db508 100644
--- a/pages_order/novel/SubscriptionInformation.vue
+++ b/pages_order/novel/SubscriptionInformation.vue
@@ -1,228 +1,263 @@
 <template>
-  <view class="subscription-info-container">
-    <uv-navbar title="订阅信息" :autoBack="true" fixed placeholder titleStyle="color: #333; font-weight: 700;" :border="false" leftIconSize="46" />
-    <view class="content-area">
-      <view class="card">
-        <view class="section-title">订阅章节</view>
-        <view class="row row-split">
-          <template v-if="!showBatch">
-            <text class="label">章节名称</text>
-            <view class="row-content">
-              <text class="value">第1章 2004</text>
-              <text class="batch-link" @click="showBatch = true">批量订阅</text>
-            </view>
-          </template>
-          <template v-else>
-            <view class="batch-row">
-              <view class="batch-left">
-                <text class="star">*</text>
-                <text class="batch-title">批量订阅</text>
-              </view>
-            </view>
-            <view class="batch-input-row">
-              <input class="batch-input" v-model="batchCount" placeholder="请输入订阅数" placeholder-class="batch-placeholder" />
-              <text class="batch-action" @click="batchSubscribeAction">订阅本章</text>
-            </view>
-            <view class="batch-divider"></view>
-          </template>
-        </view>
-        <view class="row row-split">
-          <text class="label">章节信息</text>
-          <view class="row-content">
-            <text class="value">本次订阅消耗：10 豆豆</text>
-          </view>
-        </view>
-        <view class="row">
-          <text class="label">支付方式</text>
-          <view class="row-content">
-            <text class="value">账户余额：0 豆豆</text>
-          </view>
-        </view>
-      </view>
-      <view class="card order-info">
-        <view class="section-title">订单信息</view>
-        <view class="row">
-          <text class="label">内容</text>
-        </view>
-        <view class="row">
-          <text class="price"><span class="total-label">合计：</span><span class="total-amount">0.10 元</span></text>
-        </view>
-      </view>
-      <view class="tips">
-        请仔细检查并确认相关信息，因用户个人疏忽导致的充值错误、章节用户自行承担。一旦完成充值，概不退换。
-      </view>
-    </view>
-    <button class="pay-btn" @click="payAndSubscribe">支付并订阅</button>
-  </view>
+	<view class="subscription-info-container">
+		<uv-navbar title="订阅信息" :autoBack="true" fixed placeholder titleStyle="color: #333; font-weight: 700;"
+			:border="false" leftIconSize="46" />
+		<view class="content-area">
+			<view class="card">
+				<view class="section-title">订阅章节</view>
+				<view class="row row-split">
+					<template v-if="!showBatch">
+						<text class="label">章节名称</text>
+						<view class="row-content">
+							<text class="value">第1章 2004</text>
+							<text class="batch-link" @click="showBatch = true">批量订阅</text>
+						</view>
+					</template>
+					<template v-else>
+						<view class="batch-row">
+							<view class="batch-left">
+								<text class="star">*</text>
+								<text class="batch-title">批量订阅</text>
+							</view>
+						</view>
+						<view class="batch-input-row">
+							<input class="batch-input" v-model="batchCount" placeholder="请输入订阅数"
+								placeholder-class="batch-placeholder" />
+							<text class="batch-action" @click="batchSubscribeAction">订阅本章</text>
+						</view>
+						<view class="batch-divider"></view>
+					</template>
+				</view>
+				<view class="row row-split">
+					<text class="label">章节信息</text>
+					<view class="row-content">
+						<text class="value">本次订阅消耗：10 豆豆</text>
+					</view>
+				</view>
+				<view class="row">
+					<text class="label">支付方式</text>
+					<view class="row-content">
+						<text class="value">账户余额：0 豆豆</text>
+					</view>
+				</view>
+			</view>
+			<view class="card order-info">
+				<view class="section-title">订单信息</view>
+				<view class="row">
+					<text class="label">内容</text>
+				</view>
+				<view class="row">
+					<text class="price"><span class="total-label">合计：</span><span class="total-amount">0.10
+							元</span></text>
+				</view>
+			</view>
+			<view class="tips">
+				请仔细检查并确认相关信息，因用户个人疏忽导致的充值错误、章节用户自行承担。一旦完成充值，概不退换。
+			</view>
+		</view>
+		<button class="pay-btn" @click="payAndSubscribe">支付并订阅</button>
+	</view>
 </template>
 
 <script>
-export default {
-  data() {
-    return {
-      showBatch: false,
-      batchCount: ''
-    }
-  },
-  methods: {
-    batchSubscribe() {
-      uni.showToast({ title: '批量订阅功能开发中', icon: 'none' })
-    },
-    batchSubscribeAction() {
-      // Implementation of batchSubscribeAction method
-    },
-    payAndSubscribe() {
-      uni.showToast({ title: '支付成功，已订阅', icon: 'success' })
-      // 可在此处添加支付逻辑
-    }
-  }
-}
+	export default {
+		data() {
+			return {
+				showBatch: false,
+				batchCount: ''
+			}
+		},
+		methods: {
+			batchSubscribe() {
+				uni.showToast({
+					title: '批量订阅功能开发中',
+					icon: 'none'
+				})
+			},
+			batchSubscribeAction() {
+				// Implementation of batchSubscribeAction method
+			},
+			payAndSubscribe() {
+				uni.showToast({
+					title: '支付成功，已订阅',
+					icon: 'success'
+				})
+				// 可在此处添加支付逻辑
+			}
+		}
+	}
 </script>
 
 <style scoped>
-.subscription-info-container {
-  background: #f8f8f8;
-  height: 100vh;
-  overflow: hidden;
-  position: relative;
-}
-.content-area {
-  padding-bottom: 180rpx;
-}
-body {
-  overflow: hidden;
-}
-.card {
-  background: #fff;
-  border-radius: 24rpx;
-  margin: 32rpx 24rpx 0 24rpx;
-  padding: 32rpx 24rpx;
-  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.03);
-}
-.section-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #222;
-  margin-bottom: 24rpx;
-}
-.row {
-  display: flex;
-  flex-direction: column;
-  padding: 10rpx 0;
-  margin-top: 10rpx;
-}
-.row-split {
-  border-bottom: 1px solid #f0f0f0;
-}
-.label {
-  color: #888;
-  font-size: 26rpx;
-  margin-bottom: 4rpx;
-  margin-top: 20rpx;
-}
-.row-content {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-}
-.value {
-  color: #222;
-  font-size: 26rpx;
-}
-.batch-link {
-  color: #3478f6;
-  font-size: 24rpx;
-  margin-left: 24rpx;
-}
-.order-info {
-  margin-top: 32rpx;
-}
-.order-row {
-  flex-direction: row;
-  align-items: center;
-  justify-content: space-between;
-  padding: 10rpx 0;
-}
-.price {
-  font-size: 28rpx;
-  margin-left: 0;
-}
-.total-label {
-  color: #222;
-}
-.total-amount {
-  color: #ff6600;
-}
-.tips {
-  color: #bbb;
-  font-size: 22rpx;
-  margin: 32rpx 24rpx 0 24rpx;
-  line-height: 1.6;
-}
-.pay-btn {
-  position: fixed;
-  left: 24rpx;
-  right: 24rpx;
-  bottom: 90rpx;
-  background: #0a297e;
-  color: #fff;
-  font-size: 32rpx;
-  border-radius: 40rpx;
-  height: 88rpx;
-  line-height: 88rpx;
-  text-align: center;
-  font-weight: bold;
-  z-index: 100;
-}
-.batch-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 0;
-}
-.batch-left {
-  display: flex;
-  align-items: center;
-}
-.star {
-  color: #f5222d;
-  margin-right: 6rpx;
-  font-size: 26rpx;
-}
-.batch-title {
-  font-size: 26rpx;
-  color: #222;
-  font-weight: 500;
-}
-.batch-action {
-    color: #3478f6;
-  font-size: 24rpx;
-  margin-left: 24rpx;
-}
-.batch-input-row {
-  display: flex;
-  align-items: center;
-  margin-top: 4rpx;
-}
-.batch-input {
-  flex: 1;
-  border: none;
-  font-size: 24rpx;
-  color: #bbb;
-  background: transparent;
-  outline: none;
-  padding: 0;
-  height: 40rpx;
-}
-.batch-placeholder {
-  color: #bbb;
-  font-size: 24rpx;
-}
-.batch-divider {
-  height: 2rpx;
-  background: #f0f0f0;
-  width: 100%;
-  margin-top: 4rpx;
-}
-</style>
+	.subscription-info-container {
+		background: #f8f8f8;
+		height: 100vh;
+		overflow: hidden;
+		position: relative;
+	}
+
+	.content-area {
+		padding-bottom: 180rpx;
+	}
+
+	body {
+		overflow: hidden;
+	}
+
+	.card {
+		background: #fff;
+		border-radius: 24rpx;
+		margin: 32rpx 24rpx 0 24rpx;
+		padding: 32rpx 24rpx;
+		box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.03);
+	}
+
+	.section-title {
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #222;
+		margin-bottom: 24rpx;
+	}
+
+	.row {
+		display: flex;
+		flex-direction: column;
+		padding: 10rpx 0;
+		margin-top: 10rpx;
+	}
+
+	.row-split {
+		border-bottom: 1px solid #f0f0f0;
+	}
+
+	.label {
+		color: #888;
+		font-size: 26rpx;
+		margin-bottom: 4rpx;
+		margin-top: 20rpx;
+	}
+
+	.row-content {
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.value {
+		color: #222;
+		font-size: 26rpx;
+	}
+
+	.batch-link {
+		color: #3478f6;
+		font-size: 24rpx;
+		margin-left: 24rpx;
+	}
+
+	.order-info {
+		margin-top: 32rpx;
+	}
+
+	.order-row {
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		padding: 10rpx 0;
+	}
+
+	.price {
+		font-size: 28rpx;
+		margin-left: 0;
+	}
+
+	.total-label {
+		color: #222;
+	}
+
+	.total-amount {
+		color: #ff6600;
+	}
+
+	.tips {
+		color: #bbb;
+		font-size: 22rpx;
+		margin: 32rpx 24rpx 0 24rpx;
+		line-height: 1.6;
+	}
+
+	.pay-btn {
+		position: fixed;
+		left: 24rpx;
+		right: 24rpx;
+		bottom: 90rpx;
+		background: #0a297e;
+		color: #fff;
+		font-size: 32rpx;
+		border-radius: 40rpx;
+		height: 88rpx;
+		line-height: 88rpx;
+		text-align: center;
+		font-weight: bold;
+		z-index: 100;
+	}
+
+	.batch-row {
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		margin-bottom: 0;
+	}
+
+	.batch-left {
+		display: flex;
+		align-items: center;
+	}
+
+	.star {
+		color: #f5222d;
+		margin-right: 6rpx;
+		font-size: 26rpx;
+	}
+
+	.batch-title {
+		font-size: 26rpx;
+		color: #222;
+		font-weight: 500;
+	}
+
+	.batch-action {
+		color: #3478f6;
+		font-size: 24rpx;
+		margin-left: 24rpx;
+	}
+
+	.batch-input-row {
+		display: flex;
+		align-items: center;
+		margin-top: 4rpx;
+	}
+
+	.batch-input {
+		flex: 1;
+		border: none;
+		font-size: 24rpx;
+		color: #bbb;
+		background: transparent;
+		outline: none;
+		padding: 0;
+		height: 40rpx;
+	}
+
+	.batch-placeholder {
+		color: #bbb;
+		font-size: 24rpx;
+	}
+
+	.batch-divider {
+		height: 2rpx;
+		background: #f0f0f0;
+		width: 100%;
+		margin-top: 4rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/novel/Tipping.vue b/pages_order/novel/Tipping.vue
index ff8ebce..c4c1c94 100644
--- a/pages_order/novel/Tipping.vue
+++ b/pages_order/novel/Tipping.vue
@@ -1,233 +1,279 @@
 <template>
-  <view class="tipping-page">
-    <!-- 顶部导航栏 -->
-    <uv-navbar title="读者亲密值榜单" fixed placeholder></uv-navbar>
-
-    <!-- 榜单前三名 -->
-    <view class="top-three">
-      <view class="top-item second">
-        <image class="avatar" :src="topList[1].avatar" mode="aspectFill" />
-        <view class="name">{{ topList[1].name }}</view>
-        <view class="score">{{ topList[1].score }} 亲密值</view>
-        <view class="level">护书使者 五级</view>
-      </view>
-      <view class="top-item first">
-        <image class="avatar" :src="topList[0].avatar" mode="aspectFill" />
-        <view class="name">{{ topList[0].name }}</view>
-        <view class="score">{{ topList[0].score }} 亲密值</view>
-        <view class="level">护书使者 五级</view>
-      </view>
-      <view class="top-item third">
-        <image class="avatar" :src="topList[2].avatar" mode="aspectFill" />
-        <view class="name">{{ topList[2].name }}</view>
-        <view class="score">{{ topList[2].score }} 亲密值</view>
-        <view class="level">护书使者 五级</view>
-      </view>
-    </view>
-
-    <!-- 榜单列表 -->
-    <view class="rank-list">
-      <RankListItem
-        v-for="(item, idx) in rankList"
-        :key="item.id"
-        :rankIcon="idx < 3 ? rankIcons[idx] : ''"
-        :rankNumImg="idx >= 3 ? ('/static/rank-num-' + (idx+1) + '.png') : ''"
-        medal="/static/medal.png"
-        :avatar="item.avatar"
-        :name="item.name"
-        :score="item.score"
-        level="护书使者 五级"
-      />
-    </view>
-
-    <!-- 底部按钮 -->
-    <view class="bottom-btn-area">
-      <button class="tipping-btn">互动打赏</button>
-    </view>
-  </view>
+	<view class="tipping-page">
+		<!-- 顶部导航栏 -->
+		<uv-navbar title="读者亲密值榜单" fixed placeholder></uv-navbar>
+
+		<!-- 榜单前三名 -->
+		<view class="top-three">
+			<view class="top-item second">
+				<image class="avatar" :src="topList[1].avatar" mode="aspectFill" />
+				<view class="name">{{ topList[1].name }}</view>
+				<view class="score">{{ topList[1].score }} 亲密值</view>
+				<view class="level">护书使者 五级</view>
+			</view>
+			<view class="top-item first">
+				<image class="avatar" :src="topList[0].avatar" mode="aspectFill" />
+				<view class="name">{{ topList[0].name }}</view>
+				<view class="score">{{ topList[0].score }} 亲密值</view>
+				<view class="level">护书使者 五级</view>
+			</view>
+			<view class="top-item third">
+				<image class="avatar" :src="topList[2].avatar" mode="aspectFill" />
+				<view class="name">{{ topList[2].name }}</view>
+				<view class="score">{{ topList[2].score }} 亲密值</view>
+				<view class="level">护书使者 五级</view>
+			</view>
+		</view>
+
+		<!-- 榜单列表 -->
+		<view class="rank-list">
+			<RankListItem v-for="(item, idx) in rankList" :key="item.id" :rankIcon="idx < 3 ? rankIcons[idx] : ''"
+				:rankNumImg="idx >= 3 ? ('/static/rank-num-' + (idx+1) + '.png') : ''" medal="/static/medal.png"
+				:avatar="item.avatar" :name="item.name" :score="item.score" level="护书使者 五级" />
+		</view>
+
+		<!-- 底部按钮 -->
+		<view class="bottom-btn-area">
+			<button class="tipping-btn">互动打赏</button>
+		</view>
+	</view>
 </template>
 
 <script>
-import RankListItem from '@/components/novel/RankListItem.vue'
-export default {
-  components: { RankListItem },
-  data() {
-    return {
-      topList: [
-        {
-          avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
-          name: '周海',
-          score: 6785452
-        },
-        {
-          avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
-          name: '冯冉冉',
-          score: 6785452
-        },
-        {
-          avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
-          name: '南静',
-          score: 6785452
-        }
-      ],
-      rankList: [
-        { id: 4, avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain', name: '钱胡胡', score: 5325324 },
-        { id: 5, avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain', name: '冯艺瑄', score: 4819704 },
-        { id: 6, avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain', name: '王凡宏', score: 4696874 },
-        { id: 7, avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain', name: '辛书萍', score: 3722953 },
-        { id: 8, avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain', name: '李婷', score: 2872476 },
-        { id: 9, avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain', name: '郑盈', score: 2464869 },
-        { id: 10, avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain', name: '吴承联', score: 990238 }
-      ],
-      rankIcons: [
-        'https://img.yzcdn.cn/vant/rank-1.png',
-        'https://img.yzcdn.cn/vant/rank-2.png',
-        'https://img.yzcdn.cn/vant/rank-3.png'
-      ]
-    }
-  }
-}
+	import RankListItem from '@/components/novel/RankListItem.vue'
+	export default {
+		components: {
+			RankListItem
+		},
+		data() {
+			return {
+				topList: [{
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						name: '周海',
+						score: 6785452
+					},
+					{
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						name: '冯冉冉',
+						score: 6785452
+					},
+					{
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						name: '南静',
+						score: 6785452
+					}
+				],
+				rankList: [{
+						id: 4,
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						name: '钱胡胡',
+						score: 5325324
+					},
+					{
+						id: 5,
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						name: '冯艺瑄',
+						score: 4819704
+					},
+					{
+						id: 6,
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						name: '王凡宏',
+						score: 4696874
+					},
+					{
+						id: 7,
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						name: '辛书萍',
+						score: 3722953
+					},
+					{
+						id: 8,
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						name: '李婷',
+						score: 2872476
+					},
+					{
+						id: 9,
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						name: '郑盈',
+						score: 2464869
+					},
+					{
+						id: 10,
+						avatar: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+						name: '吴承联',
+						score: 990238
+					}
+				],
+				rankIcons: [
+					'https://img.yzcdn.cn/vant/rank-1.png',
+					'https://img.yzcdn.cn/vant/rank-2.png',
+					'https://img.yzcdn.cn/vant/rank-3.png'
+				]
+			}
+		}
+	}
 </script>
 
 <style lang="scss" scoped>
-.tipping-page {
-  min-height: 100vh;
-  background: linear-gradient(180deg, #b86e3b 0%, #e6b07c 100%);
-  padding-bottom: 40rpx;
-}
-
-.top-three {
-  display: flex;
-  justify-content: center;
-  align-items: flex-end;
-  margin: 40rpx 0 20rpx 0;
-  .top-item {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background: #fff7e0;
-    border-radius: 20rpx;
-    margin: 0 16rpx;
-    padding: 24rpx 18rpx 18rpx 18rpx;
-    box-shadow: 0 4rpx 16rpx 0 rgba(0,0,0,0.08);
-    position: relative;
-    width: 180rpx;
-    .avatar {
-      width: 90rpx;
-      height: 90rpx;
-      border-radius: 50%;
-      border: 4rpx solid #ffd700;
-      margin-bottom: 10rpx;
-    }
-    .name {
-      font-size: 28rpx;
-      font-weight: bold;
-      color: #b86e3b;
-      margin-bottom: 6rpx;
-    }
-    .score {
-      font-size: 24rpx;
-      color: #e6b07c;
-      margin-bottom: 4rpx;
-    }
-    .level {
-      font-size: 22rpx;
-      color: #b86e3b;
-      background: #ffe7b2;
-      border-radius: 10rpx;
-      padding: 2rpx 12rpx;
-    }
-  }
-  .first {
-    transform: scale(1.15);
-    z-index: 2;
-    background: #fffbe6;
-    box-shadow: 0 8rpx 24rpx 0 rgba(255,215,0,0.18);
-  }
-  .second, .third {
-    z-index: 1;
-    opacity: 0.95;
-  }
-}
-
-.rank-list {
-  background: transparent;
-  margin: 0 24rpx;
-  margin-top: 20rpx;
-  .rank-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background: #fffbe6;
-    border-radius: 16rpx;
-    margin-bottom: 18rpx;
-    box-shadow: 0 2rpx 8rpx 0 rgba(184,110,59,0.06);
-    padding: 0 24rpx;
-    height: 100rpx;
-    .rank-left {
-      display: flex;
-      align-items: center;
-      .rank-icon, .rank-num-img {
-        width: 38rpx;
-        height: 38rpx;
-        margin-right: 10rpx;
-      }
-      .medal {
-        width: 44rpx;
-        height: 44rpx;
-        margin-right: 10rpx;
-      }
-      .avatar {
-        width: 44rpx;
-        height: 44rpx;
-        border-radius: 50%;
-        margin-right: 14rpx;
-        border: 2rpx solid #ffd700;
-        object-fit: cover;
-      }
-      .name {
-        font-size: 26rpx;
-        color: #222;
-        font-weight: 500;
-      }
-    }
-    .rank-right {
-      display: flex;
-      flex-direction: column;
-      align-items: flex-end;
-      .score {
-        font-size: 22rpx;
-        color: #b86e3b;
-      }
-      .level {
-        font-size: 20rpx;
-        color: #fff;
-        background: #e6b07c;
-        border-radius: 8rpx;
-        padding: 2rpx 10rpx;
-        margin-top: 6rpx;
-        font-weight: 500;
-      }
-    }
-  }
-}
-
-.bottom-btn-area {
-  margin: 40rpx 24rpx 90rpx 24rpx;
-  display: flex;
-  flex-direction: column;
-  gap: 24rpx;
-  .tipping-btn {
-    width: 100%;
-    height: 80rpx;
-    background: #fffbe6;
-    color: #b86e3b;
-    font-size: 32rpx;
-    border-radius: 40rpx;
-    font-weight: bold;
-    letter-spacing: 2rpx;
-    box-shadow: 0 4rpx 16rpx 0 rgba(184,110,59,0.12);
-    border: none;
-  }
-}
-</style>
+	.tipping-page {
+		min-height: 100vh;
+		background: linear-gradient(180deg, #b86e3b 0%, #e6b07c 100%);
+		padding-bottom: 40rpx;
+	}
+
+	.top-three {
+		display: flex;
+		justify-content: center;
+		align-items: flex-end;
+		margin: 40rpx 0 20rpx 0;
+
+		.top-item {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			background: #fff7e0;
+			border-radius: 20rpx;
+			margin: 0 16rpx;
+			padding: 24rpx 18rpx 18rpx 18rpx;
+			box-shadow: 0 4rpx 16rpx 0 rgba(0, 0, 0, 0.08);
+			position: relative;
+			width: 180rpx;
+
+			.avatar {
+				width: 90rpx;
+				height: 90rpx;
+				border-radius: 50%;
+				border: 4rpx solid #ffd700;
+				margin-bottom: 10rpx;
+			}
+
+			.name {
+				font-size: 28rpx;
+				font-weight: bold;
+				color: #b86e3b;
+				margin-bottom: 6rpx;
+			}
+
+			.score {
+				font-size: 24rpx;
+				color: #e6b07c;
+				margin-bottom: 4rpx;
+			}
+
+			.level {
+				font-size: 22rpx;
+				color: #b86e3b;
+				background: #ffe7b2;
+				border-radius: 10rpx;
+				padding: 2rpx 12rpx;
+			}
+		}
+
+		.first {
+			transform: scale(1.15);
+			z-index: 2;
+			background: #fffbe6;
+			box-shadow: 0 8rpx 24rpx 0 rgba(255, 215, 0, 0.18);
+		}
+
+		.second,
+		.third {
+			z-index: 1;
+			opacity: 0.95;
+		}
+	}
+
+	.rank-list {
+		background: transparent;
+		margin: 0 24rpx;
+		margin-top: 20rpx;
+
+		.rank-item {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			background: #fffbe6;
+			border-radius: 16rpx;
+			margin-bottom: 18rpx;
+			box-shadow: 0 2rpx 8rpx 0 rgba(184, 110, 59, 0.06);
+			padding: 0 24rpx;
+			height: 100rpx;
+
+			.rank-left {
+				display: flex;
+				align-items: center;
+
+				.rank-icon,
+				.rank-num-img {
+					width: 38rpx;
+					height: 38rpx;
+					margin-right: 10rpx;
+				}
+
+				.medal {
+					width: 44rpx;
+					height: 44rpx;
+					margin-right: 10rpx;
+				}
+
+				.avatar {
+					width: 44rpx;
+					height: 44rpx;
+					border-radius: 50%;
+					margin-right: 14rpx;
+					border: 2rpx solid #ffd700;
+					object-fit: cover;
+				}
+
+				.name {
+					font-size: 26rpx;
+					color: #222;
+					font-weight: 500;
+				}
+			}
+
+			.rank-right {
+				display: flex;
+				flex-direction: column;
+				align-items: flex-end;
+
+				.score {
+					font-size: 22rpx;
+					color: #b86e3b;
+				}
+
+				.level {
+					font-size: 20rpx;
+					color: #fff;
+					background: #e6b07c;
+					border-radius: 8rpx;
+					padding: 2rpx 10rpx;
+					margin-top: 6rpx;
+					font-weight: 500;
+				}
+			}
+		}
+	}
+
+	.bottom-btn-area {
+		margin: 40rpx 24rpx 90rpx 24rpx;
+		display: flex;
+		flex-direction: column;
+		gap: 24rpx;
+
+		.tipping-btn {
+			width: 100%;
+			height: 80rpx;
+			background: #fffbe6;
+			color: #b86e3b;
+			font-size: 32rpx;
+			border-radius: 40rpx;
+			font-weight: bold;
+			letter-spacing: 2rpx;
+			box-shadow: 0 4rpx 16rpx 0 rgba(184, 110, 59, 0.12);
+			border: none;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/novel/Translation.vue b/pages_order/novel/Translation.vue
index 36dcfc7..07c1fdf 100644
--- a/pages_order/novel/Translation.vue
+++ b/pages_order/novel/Translation.vue
@@ -1,299 +1,337 @@
 <template>
-  <view class="page-container">
-    <view class="task-center">
-      <uv-navbar
-        title="任务中心"
-        :autoBack="true"
-        fixed
-        placeholder
-        titleStyle="color: #222; font-weight: 500;"
-        :border="false"
-        :bgColor="'#fff9e2'"
-      >
-        <template #left>
-          <BackArrow :size="56" color="#222" @back="goBack" />
-        </template>
-      </uv-navbar>
-      <view class="navbar-placeholder"></view>
-      <!-- 账户剩余 -->
-      <view class="account-balance">
-        <view class="balance-label">账户剩余</view>
-        <view class="balance-value"><text class="num">9</text> <text class="unit">张 推荐票</text></view>
-      </view>
-      <!-- 打卡得奖励 -->
-      <view class="checkin-section">
-        <view class="section-header">
-          <text>打卡得奖励</text>
-          <view class="record-btn">打卡记录</view>
-        </view>
-        <view class="checkin-grid">
-          <view v-for="day in 8" :key="day" class="checkin-day" :class="{ active: day <= checkedDays }">
-            <view class="day-label" :class="{ bold: day <= checkedDays }">第{{ day }}天</view>
-            <image class="ticket-img" src="https://tse1-mm.cn.bing.net/th/id/OIP-C.pca_tFb6ZjyDNdQYgFvi0wHaE7?w=219&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7" mode="aspectFit" />
-            <view class="ticket-num">+1</view>
-          </view>
-        </view>
-        <button
-          class="checkin-btn"
-          :class="{ 'checked-btn': isChecked }"
-          :disabled="isChecked"
-          @click="handleCheckin"
-        >
-          {{ isChecked ? '已签到' : '签到得奖励' }}
-        </button>
-      </view>
-      <!-- 更多任务 -->
-      <view class="more-tasks">
-        <view class="more-header">更多任务</view>
-        <view class="task-list">
-          <view class="task-item" v-for="(task, idx) in tasks" :key="idx" :class="{ 'no-border': idx === tasks.length - 1 }">
-            <view class="task-info">
-              <view class="task-title">{{ task.title }}</view>
-              <view class="task-desc">推荐票 +1</view>
-            </view>
-            <button
-              class="get-btn"
-              :class="{ 'received-btn': task.received }"
-              :disabled="task.received"
-              @click="handleReceive(idx)"
-            >
-              {{ task.received ? '已领取' : '去领取' }}
-            </button>
-          </view>
-        </view>
-      </view>
-    </view>
-  </view>
+	<view class="page-container">
+		<view class="task-center">
+			<uv-navbar title="任务中心" :autoBack="true" fixed placeholder titleStyle="color: #222; font-weight: 500;"
+				:border="false" :bgColor="'#fff9e2'">
+				<template #left>
+					<BackArrow :size="56" color="#222" @back="goBack" />
+				</template>
+			</uv-navbar>
+			<view class="navbar-placeholder"></view>
+			<!-- 账户剩余 -->
+			<view class="account-balance">
+				<view class="balance-label">账户剩余</view>
+				<view class="balance-value"><text class="num">9</text> <text class="unit">张 推荐票</text></view>
+			</view>
+			<!-- 打卡得奖励 -->
+			<view class="checkin-section">
+				<view class="section-header">
+					<text>打卡得奖励</text>
+					<view class="record-btn">打卡记录</view>
+				</view>
+				<view class="checkin-grid">
+					<view v-for="day in 8" :key="day" class="checkin-day" :class="{ active: day <= checkedDays }">
+						<view class="day-label" :class="{ bold: day <= checkedDays }">第{{ day }}天</view>
+						<image class="ticket-img"
+							src="https://tse1-mm.cn.bing.net/th/id/OIP-C.pca_tFb6ZjyDNdQYgFvi0wHaE7?w=219&h=180&c=7&r=0&o=5&dpr=1.1&pid=1.7"
+							mode="aspectFit" />
+						<view class="ticket-num">+1</view>
+					</view>
+				</view>
+				<button class="checkin-btn" :class="{ 'checked-btn': isChecked }" :disabled="isChecked"
+					@click="handleCheckin">
+					{{ isChecked ? '已签到' : '签到得奖励' }}
+				</button>
+			</view>
+			<!-- 更多任务 -->
+			<view class="more-tasks">
+				<view class="more-header">更多任务</view>
+				<view class="task-list">
+					<view class="task-item" v-for="(task, idx) in tasks" :key="idx"
+						:class="{ 'no-border': idx === tasks.length - 1 }">
+						<view class="task-info">
+							<view class="task-title">{{ task.title }}</view>
+							<view class="task-desc">推荐票 +1</view>
+						</view>
+						<button class="get-btn" :class="{ 'received-btn': task.received }" :disabled="task.received"
+							@click="handleReceive(idx)">
+							{{ task.received ? '已领取' : '去领取' }}
+						</button>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
 </template>
 
 <script>
-import uvNavbar from '@/uni_modules/uv-navbar/components/uv-navbar/uv-navbar.vue'
-import uvIcon from '@/uni_modules/uv-icon/components/uv-icon/uv-icon.vue'
-import BackArrow from './components/BackArrow.vue'
-export default {
-  components: { uvNavbar, uvIcon, BackArrow },
-  data() {
-    return {
-      checkedDays: 3, // 已签到天数
-      tasks: [
-        { title: '观看视频广告', received: false },
-        { title: '每日首阅三个章节', received: false },
-        { title: '每日首条评论', received: false },
-      ],
-      isChecked: false, // 新增：签到按钮状态
-    }
-  },
-  methods: {
-    goBack() {
-      uni.navigateBack();
-    },
-    handleCheckin() {
-      if (this.checkedDays < 8) {
-        this.checkedDays++;
-        this.isChecked = true;
-        uni.showToast({ title: '签到成功', icon: 'success' });
-      } else {
-        this.isChecked = true;
-        uni.showToast({ title: '已全部签到', icon: 'none' });
-      }
-    },
-    handleReceive(idx) {
-      this.tasks[idx].received = true;
-      uni.showToast({ title: '领取成功', icon: 'success' });
-    },
-  },
-}
+	import uvNavbar from '@/uni_modules/uv-navbar/components/uv-navbar/uv-navbar.vue'
+	import uvIcon from '@/uni_modules/uv-icon/components/uv-icon/uv-icon.vue'
+	import BackArrow from './components/BackArrow.vue'
+	export default {
+		components: {
+			uvNavbar,
+			uvIcon,
+			BackArrow
+		},
+		data() {
+			return {
+				checkedDays: 3, // 已签到天数
+				tasks: [{
+						title: '观看视频广告',
+						received: false
+					},
+					{
+						title: '每日首阅三个章节',
+						received: false
+					},
+					{
+						title: '每日首条评论',
+						received: false
+					},
+				],
+				isChecked: false, // 新增：签到按钮状态
+			}
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack();
+			},
+			handleCheckin() {
+				if (this.checkedDays < 8) {
+					this.checkedDays++;
+					this.isChecked = true;
+					uni.showToast({
+						title: '签到成功',
+						icon: 'success'
+					});
+				} else {
+					this.isChecked = true;
+					uni.showToast({
+						title: '已全部签到',
+						icon: 'none'
+					});
+				}
+			},
+			handleReceive(idx) {
+				this.tasks[idx].received = true;
+				uni.showToast({
+					title: '领取成功',
+					icon: 'success'
+				});
+			},
+		},
+	}
 </script>
 
 <style scoped lang="scss">
-.page-container {
-  height: 100vh;
-  overflow: hidden;
-}
-.task-center {
-  background: #f8f8f8;
-  height: 100vh;
-  padding-bottom: 40rpx;
-  overflow: hidden;
-  box-sizing: border-box;
-}
-.navbar-placeholder {
-  height: 100rpx;
-}
-.account-balance {
-  background: linear-gradient(90deg, #ffe16b, #ffd700);
-  border-radius: 20rpx;
-  margin: 24rpx 24rpx 0 24rpx;
-  padding: 24rpx 32rpx;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  font-size: 30rpx;
-  color: #333;
-  .balance-label {
-    font-weight: 500;
-  }
-  .balance-value {
-    font-weight: bold;
-    color: #bfa100;
-    .num {
-      font-size: 24rpx;
-    }
-    .unit {
-      font-size: 22rpx;
-    }
-  }
-}
-.checkin-section {
-  background: #fff;
-  border-radius: 20rpx;
-  margin: 24rpx;
-  padding: 32rpx 24rpx 24rpx 24rpx;
-  box-shadow: 0 2rpx 8rpx rgba(255, 215, 0, 0.08);
-  border: 4rpx solid #ffe16b;
-  .section-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    font-size: 28rpx;
-    font-weight: 600;
-    margin-bottom: 24rpx;
-    .record-btn {
-      background:  #d6ff4b ;
-      color: #383938;
-      border-radius: 24rpx;
-      padding: 6rpx 28rpx;
-      font-size: 24rpx;
-    }
-  }
-  .checkin-grid {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 18rpx;
-    margin-bottom: 32rpx;
-    .checkin-day {
-      width: 22%;
-      background: #f7f7f7;
-      border-radius: 12rpx;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      padding: 18rpx 0 10rpx 0;
-      border: 2rpx solid #f0f0f0;
-      &.active {
-        background: #d6ff4b !important;
-        border-color: #b6e900 !important;
-        .day-label, .ticket-num {
-          color: #222 !important;
-          font-weight: bold;
-        }
-      }
-      .day-label {
-        font-size: 24rpx;
-        font-weight: 600;
-        height: 90rpx;
-        margin-bottom: 8rpx;
-        color: #333;
-        &.bold {
-          font-weight: bold;
-        }
-      }
-      .ticket-img {
-        width: 48rpx;
-        height: 36rpx;
-        margin-bottom: 6rpx;
-        display: flex;
-      }
-      .ticket-num {
-        font-size: 22rpx;
-        color: #bfa100;
-      }
-    }
-  }
-  .checkin-btn {
-    width: 600rpx;
-    background: linear-gradient(90deg, #ffe16b, #ffd700);
-    color: #333;
-    font-size: 30rpx;
-    border-radius: 46rpx;
-    padding: 18rpx 0;
-    font-weight: bold;
-    margin-top: 8rpx;
-    transition: background 0.2s;
-  }
-}
-.checked-btn {
-  background: linear-gradient(90deg, #e0e0e0, #bdbdbd) !important;
-  color: #444 !important;
-  cursor: not-allowed;
-}
-.more-tasks {
-  background: #faffea;
-  border-radius: 20rpx;
-  margin: 0 24rpx;
-  padding: 24rpx 24rpx 8rpx 24rpx;
-  margin-top: 100rpx;
-  .more-header {
-    font-size: 28rpx;
-    color: #bfa100;
-    font-weight: 600;
-    margin-bottom: 18rpx;
-  }
-  .task-list {
-    .task-item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      background: #fff;
-      border-radius: 0;
-      margin: 0;
-      padding: 18rpx 20rpx 10rpx 20rpx;
-      border-bottom: 1rpx solid #f2f2f2;
-      
-      .task-info {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        flex: 1;
-        min-width: 0;
-        margin-top: 30rpx;
-        .task-title {
-          font-size: 26rpx;
-          color: #222;
-          font-weight: bold;
-        }
-        .task-desc {
-          font-size: 20rpx;
-          color: #bbb;
-          margin-top: 4rpx;
-        }
-      }
-      .get-btn {
-        background: #ffd700;
-        color: #fff;
-        font-size: 24rpx;
-        border-radius: 24rpx;
-        padding: 0 28rpx;
-        font-weight: bold;
-        border: none;
-        height: 48rpx;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        box-shadow: none;
-        white-space: nowrap;
-        margin-left: 18rpx;
-        transition: background 0.2s;
-      }
-      .received-btn {
-        background: linear-gradient(90deg, #e0e0e0, #bdbdbd) !important;
-        color: #444 !important;
-        cursor: not-allowed;
-      }
-      &.no-border {
-        border-bottom: none;
-      }
-    }
-  }
-}
-</style>
+	.page-container {
+		height: 100vh;
+		overflow: hidden;
+	}
+
+	.task-center {
+		background: #f8f8f8;
+		height: 100vh;
+		padding-bottom: 40rpx;
+		overflow: hidden;
+		box-sizing: border-box;
+	}
+
+	.navbar-placeholder {
+		height: 100rpx;
+	}
+
+	.account-balance {
+		background: linear-gradient(90deg, #ffe16b, #ffd700);
+		border-radius: 20rpx;
+		margin: 24rpx 24rpx 0 24rpx;
+		padding: 24rpx 32rpx;
+		display: flex;
+		align-items: center;
+		justify-content: space-between;
+		font-size: 30rpx;
+		color: #333;
+
+		.balance-label {
+			font-weight: 500;
+		}
+
+		.balance-value {
+			font-weight: bold;
+			color: #bfa100;
+
+			.num {
+				font-size: 24rpx;
+			}
+
+			.unit {
+				font-size: 22rpx;
+			}
+		}
+	}
+
+	.checkin-section {
+		background: #fff;
+		border-radius: 20rpx;
+		margin: 24rpx;
+		padding: 32rpx 24rpx 24rpx 24rpx;
+		box-shadow: 0 2rpx 8rpx rgba(255, 215, 0, 0.08);
+		border: 4rpx solid #ffe16b;
+
+		.section-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			font-size: 28rpx;
+			font-weight: 600;
+			margin-bottom: 24rpx;
+
+			.record-btn {
+				background: #d6ff4b;
+				color: #383938;
+				border-radius: 24rpx;
+				padding: 6rpx 28rpx;
+				font-size: 24rpx;
+			}
+		}
+
+		.checkin-grid {
+			display: flex;
+			flex-wrap: wrap;
+			gap: 18rpx;
+			margin-bottom: 32rpx;
+
+			.checkin-day {
+				width: 22%;
+				background: #f7f7f7;
+				border-radius: 12rpx;
+				display: flex;
+				flex-direction: column;
+				align-items: center;
+				padding: 18rpx 0 10rpx 0;
+				border: 2rpx solid #f0f0f0;
+
+				&.active {
+					background: #d6ff4b !important;
+					border-color: #b6e900 !important;
+
+					.day-label,
+					.ticket-num {
+						color: #222 !important;
+						font-weight: bold;
+					}
+				}
+
+				.day-label {
+					font-size: 24rpx;
+					font-weight: 600;
+					height: 90rpx;
+					margin-bottom: 8rpx;
+					color: #333;
+
+					&.bold {
+						font-weight: bold;
+					}
+				}
+
+				.ticket-img {
+					width: 48rpx;
+					height: 36rpx;
+					margin-bottom: 6rpx;
+					display: flex;
+				}
+
+				.ticket-num {
+					font-size: 22rpx;
+					color: #bfa100;
+				}
+			}
+		}
+
+		.checkin-btn {
+			width: 600rpx;
+			background: linear-gradient(90deg, #ffe16b, #ffd700);
+			color: #333;
+			font-size: 30rpx;
+			border-radius: 46rpx;
+			padding: 18rpx 0;
+			font-weight: bold;
+			margin-top: 8rpx;
+			transition: background 0.2s;
+		}
+	}
+
+	.checked-btn {
+		background: linear-gradient(90deg, #e0e0e0, #bdbdbd) !important;
+		color: #444 !important;
+		cursor: not-allowed;
+	}
+
+	.more-tasks {
+		background: #faffea;
+		border-radius: 20rpx;
+		margin: 0 24rpx;
+		padding: 24rpx 24rpx 8rpx 24rpx;
+		margin-top: 100rpx;
+
+		.more-header {
+			font-size: 28rpx;
+			color: #bfa100;
+			font-weight: 600;
+			margin-bottom: 18rpx;
+		}
+
+		.task-list {
+			.task-item {
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+				background: #fff;
+				border-radius: 0;
+				margin: 0;
+				padding: 18rpx 20rpx 10rpx 20rpx;
+				border-bottom: 1rpx solid #f2f2f2;
+
+				.task-info {
+					display: flex;
+					flex-direction: column;
+					align-items: flex-start;
+					flex: 1;
+					min-width: 0;
+					margin-top: 30rpx;
+
+					.task-title {
+						font-size: 26rpx;
+						color: #222;
+						font-weight: bold;
+					}
+
+					.task-desc {
+						font-size: 20rpx;
+						color: #bbb;
+						margin-top: 4rpx;
+					}
+				}
+
+				.get-btn {
+					background: #ffd700;
+					color: #fff;
+					font-size: 24rpx;
+					border-radius: 24rpx;
+					padding: 0 28rpx;
+					font-weight: bold;
+					border: none;
+					height: 48rpx;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					box-shadow: none;
+					white-space: nowrap;
+					margin-left: 18rpx;
+					transition: background 0.2s;
+				}
+
+				.received-btn {
+					background: linear-gradient(90deg, #e0e0e0, #bdbdbd) !important;
+					color: #444 !important;
+					cursor: not-allowed;
+				}
+
+				&.no-border {
+					border-bottom: none;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/novel/Walletflow.vue b/pages_order/novel/Walletflow.vue
index 690b542..ad76667 100644
--- a/pages_order/novel/Walletflow.vue
+++ b/pages_order/novel/Walletflow.vue
@@ -1,258 +1,396 @@
 <!-- 钱包流水页面 -->
 <template>
-  <view class="walletflow-page">
-    <!-- 顶部导航栏 -->
-    <uv-navbar title="钱包流水" :autoBack="true" fixed placeholder titleStyle="color: #333; font-weight: 700;" :border="false">
-      <template #left>
-        <BackArrow :size="56" color="#333" />
-      </template>
-    </uv-navbar>
+	<view class="walletflow-page">
+		<!-- 顶部导航栏 -->
+		<uv-navbar title="钱包流水" :autoBack="true" fixed placeholder titleStyle="color: #333; font-weight: 700;"
+			:border="false">
+			<template #left>
+				<BackArrow :size="56" color="#333" />
+			</template>
+		</uv-navbar>
 
-    <!-- 账户余额卡片 -->
-    <view class="balance-card">
-      <view class="balance-label">账户</view>
-      <view class="balance-row">
-        <text class="balance-amount">{{ balance }}</text>
-        <button class="recharge-btn" @click="goRecharge">充值</button>
-      </view>
-    </view>
+		<!-- 账户余额卡片 -->
+		<view class="balance-card">
+			<view class="balance-label">账户</view>
+			<view class="balance-row">
+				<text class="balance-amount">{{ balance }}</text>
+				<button class="recharge-btn" @click="goRecharge">充值</button>
+			</view>
+		</view>
 
-    <!-- tab和流水列表卡片 -->
-    <view class="flow-card">
-      <view class="tab-header">
-        <view :class="['tab-item', {active: activeTab === 0}]" @click="activeTab = 0">
-          充值
-          <view v-if="activeTab === 0" class="tab-underline"></view>
-        </view>
-        <view :class="['tab-item', {active: activeTab === 1}]" @click="activeTab = 1">
-          支付
-          <view v-if="activeTab === 1" class="tab-underline"></view>
-        </view>
-      </view>
-      <scroll-view scroll-y class="flow-list">
-        <view v-if="activeTab === 0">
-          <view class="flow-item" v-for="(item, idx) in rechargeList" :key="idx">
-            <view class="flow-item-row">
-              <view class="flow-item-left">
-                <view class="flow-title">{{ item.title }}</view>
-                <view class="flow-date">{{ item.date }}</view>
-              </view>
-              <view class="flow-amount plus">+{{ item.amount }}</view>
-            </view>
-          </view>
-        </view>
-        <view v-else>
-          <view class="flow-item" v-for="(item, idx) in payList" :key="idx">
-            <view class="flow-item-row">
-              <view class="flow-item-left">
-                <view class="flow-title">{{ item.title }}</view>
-                <view class="flow-date">{{ item.date }}</view>
-              </view>
-              <view class="flow-amount minus">-{{ item.amount }}</view>
-            </view>
-          </view>
-        </view>
-      </scroll-view>
-    </view>
-  </view>
+		<!-- tab和流水列表卡片 -->
+		<view class="flow-card">
+			<view class="tab-header">
+				<view :class="['tab-item', {active: activeTab === 0}]" @click="activeTab = 0">
+					充值
+					<view v-if="activeTab === 0" class="tab-underline"></view>
+				</view>
+				<view :class="['tab-item', {active: activeTab === 1}]" @click="activeTab = 1">
+					支付
+					<view v-if="activeTab === 1" class="tab-underline"></view>
+				</view>
+			</view>
+			<scroll-view scroll-y class="flow-list">
+				<view v-if="activeTab === 0">
+					<view class="flow-item" v-for="(item, idx) in rechargeList" :key="idx">
+						<view class="flow-item-row">
+							<view class="flow-item-left">
+								<view class="flow-title">{{ item.title }}</view>
+								<view class="flow-date">{{ item.date }}</view>
+							</view>
+							<view class="flow-amount plus">+{{ item.amount }}</view>
+						</view>
+					</view>
+				</view>
+				<view v-else>
+					<view class="flow-item" v-for="(item, idx) in payList" :key="idx">
+						<view class="flow-item-row">
+							<view class="flow-item-left">
+								<view class="flow-title">{{ item.title }}</view>
+								<view class="flow-date">{{ item.date }}</view>
+							</view>
+							<view class="flow-amount minus">-{{ item.amount }}</view>
+						</view>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+	</view>
 </template>
 
 <script>
-import BackArrow from './components/BackArrow.vue';
+	import BackArrow from './components/BackArrow.vue';
 
-export default {
-  components: {
-    BackArrow,
-  },
-  data() {
-    return {
-      balance: 34532,
-      activeTab: 0,
-      rechargeList: [
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '推荐票', date: '2025.03.18', amount: 5 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-        { title: '豆豆充值', date: '2025.03.18', amount: 55 },
-      ],
-      payList: [
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-        { title: '章节支付', date: '2025.03.18', amount: 10 },
-      ]
-    }
-  },
-  methods: {
-    goRecharge() {
-      uni.showToast({ title: '充值功能开发中', icon: 'none' })
-    }
-  }
-}
+	export default {
+		components: {
+			BackArrow,
+		},
+		data() {
+			return {
+				balance: 34532,
+				activeTab: 0,
+				rechargeList: [{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '推荐票',
+						date: '2025.03.18',
+						amount: 5
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+					{
+						title: '豆豆充值',
+						date: '2025.03.18',
+						amount: 55
+					},
+				],
+				payList: [{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+					{
+						title: '章节支付',
+						date: '2025.03.18',
+						amount: 10
+					},
+				]
+			}
+		},
+		methods: {
+			goRecharge() {
+				uni.showToast({
+					title: '充值功能开发中',
+					icon: 'none'
+				})
+			}
+		}
+	}
 </script>
 
 <style lang="scss" scoped>
-.walletflow-page {
-  min-height: 100vh;
-  background: linear-gradient(180deg, #f8f8fc 0%, #fff 100%);
-  padding-bottom: 30rpx;
-}
-.balance-card {
-  background: linear-gradient(90deg, #f7f2fa 0%, #fbeaf2 100%);
-  border-radius: 18rpx;
-  margin: 24rpx 12rpx 0 12rpx;
-  padding: 18rpx 24rpx 14rpx 24rpx;
-  box-shadow: none;
-  border: 1rpx solid #ede7ef;
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  min-height: 130rpx;
-  justify-content: center;
-  .balance-label {
-    color: #bbb;
-    font-size: 26rpx;
-    margin-bottom: 8rpx;
-  }
-  .balance-row {
-    display: flex;
-    align-items: center;
-    margin-top: 0;
-    position: relative;
-    .balance-amount {
-      color: #e94f7a;
-      font-size: 48rpx;
-      font-weight: bold;
-    }
-    .recharge-btn {
-      position: absolute;
-      right: 0;
-      top: 50%;
-      transform: translateY(-50%);
-      background: linear-gradient(90deg, #ffb6c1 0%, #fa5a99 100%);
-      color: #fff;
-      font-size: 28rpx;
-      border-radius: 32rpx;
-      padding: 0 40rpx;
-      height: 56rpx;
-      line-height: 56rpx;
-      font-weight: 500;
-      border: none;
-      box-shadow: none;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-  }
-}
-.flow-card {
-  background: #fff;
-  border-radius: 20rpx;
-  margin: 32rpx 16rpx 0 16rpx;
-  box-shadow: 0 4rpx 24rpx 0 rgba(0,0,0,0.06);
-  padding-bottom: 8rpx;
-  overflow: hidden;
-}
-.tab-header {
-  display: flex;
-  margin: 0;
-  background: #fff;
-  border-top-left-radius: 20rpx;
-  border-top-right-radius: 20rpx;
-  overflow: hidden;
-  .tab-item {
-    flex: 1;
-    text-align: center;
-    font-size: 30rpx;
-    color: #888;
-    padding: 0 0 18rpx 0;
-    font-weight: bold;
-    background: transparent;
-    position: relative;
-    &.active {
-      color: #223a7a;
-      font-weight: bold;
-    }
-    .tab-underline {
-      position: absolute;
-      left: 50%;
-      bottom: 0;
-      transform: translateX(-50%);
-      width: 44rpx;
-      height: 4rpx;
-      background: #223a7a;
-      border-radius: 2rpx;
-      margin-top: 4rpx;
-    }
-  }
-}
-.flow-list {
-  margin: 0;
-  padding: 0 16rpx;
-  max-height: 75vh;
-  background: #fff;
-}
-.flow-item {
-  border-bottom: 1px solid #f5f5f5;
-  padding: 18rpx 0 8rpx 0;
-  &:last-child {
-    border-bottom: none;
-  }
-  .flow-item-row {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    padding-right: 45rpx;
-    padding-left: 15rpx;
-  }
-  .flow-item-left {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    .flow-title {
-      font-size: 28rpx;
-      color: #222;
-      font-weight: 500;
-      margin-bottom: 2rpx;
-     
-    }
-    .flow-date {
-      color: #bbb;
-      font-size: 22rpx;
-      margin-top: 0;
-    }
-  }
-  .flow-amount {
-    font-size: 26rpx;
-    font-weight: 500;
-    margin-left: 24rpx;
-    margin-top: 2rpx;
-    &.plus {
-      color: #223a7a;
-    }
-    &.minus {
-      color: #e94f7a;
-    }
-  }
-}
+	.walletflow-page {
+		min-height: 100vh;
+		background: linear-gradient(180deg, #f8f8fc 0%, #fff 100%);
+		padding-bottom: 30rpx;
+	}
+
+	.balance-card {
+		background: linear-gradient(90deg, #f7f2fa 0%, #fbeaf2 100%);
+		border-radius: 18rpx;
+		margin: 24rpx 12rpx 0 12rpx;
+		padding: 18rpx 24rpx 14rpx 24rpx;
+		box-shadow: none;
+		border: 1rpx solid #ede7ef;
+		position: relative;
+		display: flex;
+		flex-direction: column;
+		min-height: 130rpx;
+		justify-content: center;
+
+		.balance-label {
+			color: #bbb;
+			font-size: 26rpx;
+			margin-bottom: 8rpx;
+		}
+
+		.balance-row {
+			display: flex;
+			align-items: center;
+			margin-top: 0;
+			position: relative;
+
+			.balance-amount {
+				color: #e94f7a;
+				font-size: 48rpx;
+				font-weight: bold;
+			}
+
+			.recharge-btn {
+				position: absolute;
+				right: 0;
+				top: 50%;
+				transform: translateY(-50%);
+				background: linear-gradient(90deg, #ffb6c1 0%, #fa5a99 100%);
+				color: #fff;
+				font-size: 28rpx;
+				border-radius: 32rpx;
+				padding: 0 40rpx;
+				height: 56rpx;
+				line-height: 56rpx;
+				font-weight: 500;
+				border: none;
+				box-shadow: none;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+			}
+		}
+	}
+
+	.flow-card {
+		background: #fff;
+		border-radius: 20rpx;
+		margin: 32rpx 16rpx 0 16rpx;
+		box-shadow: 0 4rpx 24rpx 0 rgba(0, 0, 0, 0.06);
+		padding-bottom: 8rpx;
+		overflow: hidden;
+	}
+
+	.tab-header {
+		display: flex;
+		margin: 0;
+		background: #fff;
+		border-top-left-radius: 20rpx;
+		border-top-right-radius: 20rpx;
+		overflow: hidden;
+
+		.tab-item {
+			flex: 1;
+			text-align: center;
+			font-size: 30rpx;
+			color: #888;
+			padding: 0 0 18rpx 0;
+			font-weight: bold;
+			background: transparent;
+			position: relative;
+
+			&.active {
+				color: #223a7a;
+				font-weight: bold;
+			}
+
+			.tab-underline {
+				position: absolute;
+				left: 50%;
+				bottom: 0;
+				transform: translateX(-50%);
+				width: 44rpx;
+				height: 4rpx;
+				background: #223a7a;
+				border-radius: 2rpx;
+				margin-top: 4rpx;
+			}
+		}
+	}
+
+	.flow-list {
+		margin: 0;
+		padding: 0 16rpx;
+		max-height: 75vh;
+		background: #fff;
+	}
+
+	.flow-item {
+		border-bottom: 1px solid #f5f5f5;
+		padding: 18rpx 0 8rpx 0;
+
+		&:last-child {
+			border-bottom: none;
+		}
+
+		.flow-item-row {
+			display: flex;
+			align-items: flex-start;
+			justify-content: space-between;
+			padding-right: 45rpx;
+			padding-left: 15rpx;
+		}
+
+		.flow-item-left {
+			display: flex;
+			flex-direction: column;
+			align-items: flex-start;
+
+			.flow-title {
+				font-size: 28rpx;
+				color: #222;
+				font-weight: 500;
+				margin-bottom: 2rpx;
+
+			}
+
+			.flow-date {
+				color: #bbb;
+				font-size: 22rpx;
+				margin-top: 0;
+			}
+		}
+
+		.flow-amount {
+			font-size: 26rpx;
+			font-weight: 500;
+			margin-left: 24rpx;
+			margin-top: 2rpx;
+
+			&.plus {
+				color: #223a7a;
+			}
+
+			&.minus {
+				color: #e94f7a;
+			}
+		}
+	}
 </style>
\ No newline at end of file
diff --git a/pages_order/novel/announcement.vue b/pages_order/novel/announcement.vue
deleted file mode 100644
index d4d9c9b..0000000
--- a/pages_order/novel/announcement.vue
+++ /dev/null
@@ -1,132 +0,0 @@
-<template>
-  <!-- 公告详情页面 -->
-  <view class="announcement-container">
-    <uv-navbar
-      title="公告详情"
-      :autoBack="true"
-      fixed
-      placeholder
-      titleStyle="color: #333; font-weight: 500;"
-      :border="false"
-    ></uv-navbar>
-    <view class="header">
-      <text class="title">2025年2月平台福利活动拟获奖作品公示</text>
-      <text class="date">岁序更替，华章日新。2025年，平台福利内容建设的实施进展，载誉前行。我们秉持"精品为本，重磅发布"的理念，现面向全体作者，重磅发布2025年度长篇网文作家福利，上线主新潮当中文网作家专属福利：全年奖、半年奖、季度奖、月度奖，总计奖金超过百万元。现将2025年2月，平台各项福利活动拟获奖作品公示如下：</text>
-    </view>
-    
-    <view class="award-section">
-      <view class="award-item">
-        <text class="award-title">长篇网文</text>
-        <view class="award-content">
-          <view class="sub-award">
-            <text class="sub-title">• 优质加更奖：</text>
-            <text class="detail">拟获奖作品156本，共发放奖金41.5万元，查看拟获奖名单请点击：</text>
-            <text class="link">优质加更奖拟获奖名单</text>
-          </view>
-          <view class="sub-award">
-            <text class="sub-title">• 新书扶更奖：</text>
-            <text class="detail">拟获奖作品5574本，共发放奖金20万元，查看拟获奖名单请点击：</text>
-            <text class="link">新书扶更奖拟获奖名单</text>
-          </view>
-          <view class="sub-award">
-            <text class="sub-title">• 拉新激励奖：</text>
-            <text class="detail">拟获奖作品50部，总计奖金65万，查看拟获奖名单请点击：</text>
-            <text class="link">2月拉新激励奖</text>
-          </view>
-          <view class="sub-award">
-            <text class="sub-title">• 星火计划奖励：</text>
-            <text class="detail">拟获奖作品4178部，总计奖金55万，查看拟获奖名单请点击：</text>
-            <text class="link">2月星火计划奖励名单</text>
-          </view>
-        </view>
-      </view>
-
-      <view class="award-item">
-        <text class="award-title">完结专场</text>
-        <view class="award-content">
-          <view class="sub-award">
-            <text class="sub-title">• 脱洞盛宴征文活动：</text>
-            <text class="detail">月度脱洞专题：拟获奖作品1260部，总计奖金45万，查看拟获奖名单请点击：</text>
-            <text class="link">2月完结专题奖励名单</text>
-          </view>
-        </view>
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-export default {
-  components: {
-    'uv-navbar': () => import('@/uni_modules/uv-navbar/components/uv-navbar/uv-navbar.vue')
-  },
-  data() {
-    return {}
-  },
-  methods: {
-    // 可以添加点击链接跳转等方法
-  }
-}
-</script>
-
-<style lang="scss">
-.announcement-container {
-  padding: 30rpx;
-  background: #fff;
-  
-  .header {
-    margin-bottom: 40rpx;
-    
-    .title {
-      font-size: 36rpx;
-      font-weight: bold;
-      color: #333;
-      margin-bottom: 20rpx;
-      display: block;
-    }
-    
-    .date {
-      font-size: 28rpx;
-      color: #666;
-      line-height: 1.6;
-    }
-  }
-  
-  .award-section {
-    .award-item {
-      margin-bottom: 40rpx;
-      
-      .award-title {
-        font-size: 32rpx;
-        font-weight: bold;
-        color: #333;
-        margin-bottom: 20rpx;
-        display: block;
-      }
-      
-      .award-content {
-        .sub-award {
-          margin-bottom: 20rpx;
-          
-          .sub-title {
-            font-size: 28rpx;
-            color: #333;
-            font-weight: 500;
-          }
-          
-          .detail {
-            font-size: 28rpx;
-            color: #666;
-          }
-          
-          .link {
-            color: #007AFF;
-            text-decoration: underline;
-            font-size: 28rpx;
-          }
-        }
-      }
-    }
-  }
-}
-</style>
diff --git a/pages_order/novel/chapterList.vue b/pages_order/novel/chapterList.vue
index 260de3a..82dda2e 100644
--- a/pages_order/novel/chapterList.vue
+++ b/pages_order/novel/chapterList.vue
@@ -1,254 +1,182 @@
 <template>
-  <view class="chapter-container">
-    <view class="header">
-      <view class="nav-bar" style="position: relative; height: 44px;">
-        <view class="back">
-          <BackArrow :size="56" color="black" @back="goBack" />
-        </view>
-        <view class="title">兽王进化：从被小萝莉...</view>
-        <view class="right-icons"></view>
-      </view>
-      <view class="tabs">
-        <view class="tab" :class="{ active: activeTab === 'draft' }" @click="switchTab('draft')">草稿箱</view>
-        <view class="tab" :class="{ active: activeTab === 'published' }" @click="switchTab('published')">已发布</view>
-      </view>
-    </view>
-    
-    <view class="chapter-list">
-      <view class="chapter-item" v-for="(chapter, index) in chapters" :key="index" @click="editChapter(chapter)">
-        <view class="chapter-info">
-          <text class="chapter-title">章节名</text>
-          <text class="chapter-number">第{{index + 1}}章</text>
-        </view>
-        <uv-icon name="arrow-right" color="#999" size="28"></uv-icon>
-      </view>
-    </view>
-    
-    <view class="bottom-actions">
-      <button class="btn-settings" @click="handleSettings">设置作品</button>
-      <button class="btn-new" @click="addNewChapter">新建章节</button>
-    </view>
-  </view>
+	<view class="chapter-container">
+		
+		<navbar title="章节列表" leftClick @leftClick="$utils.navigateBack"/>
+		
+		<view class="tabs">
+			<uv-tabs :list="tabs" 
+			:activeStyle="{color : '#0A2463', fontWeight : 600}" 
+			lineColor="#0A2463"
+			:inactiveStyle="{color: '#0A2463'}" 
+			lineHeight="8rpx" 
+			lineWidth="50rpx" 
+			:scrollable="false"
+			:current="activeTab"
+			@click="clickTabs"></uv-tabs>
+		</view>
+
+		<view class="chapter-list">
+			<view class="chapter-item" v-for="(chapter, index) in chapters" :key="index" @click="editChapter(chapter)">
+				<view class="chapter-info">
+					<text class="chapter-title">章节名</text>
+					<text class="chapter-number">第{{index + 1}}章</text>
+				</view>
+				<uv-icon name="arrow-right" color="#999" size="28"></uv-icon>
+			</view>
+		</view>
+
+		<view class="bottom-actions">
+			<button class="btn-settings" @click="handleSettings">设置作品</button>
+			<button class="btn-new" @click="addNewChapter">新建章节</button>
+		</view>
+	</view>
 </template>
 
 <script>
-import BackArrow from './components/BackArrow.vue';
+	import BackArrow from './components/BackArrow.vue';
 
-export default {
-  components: {
-    BackArrow,
-  },
-  data() {
-    return {
-      activeTab: 'draft',
-      chapters: [] // 真实章节数据
-    }
-  },
-  onLoad(options) {
-    // 根据tab参数决定初始tab
-    if (options && options.tab === 'published') {
-      this.activeTab = 'published';
-    } else {
-      this.activeTab = 'draft';
-    }
-    this.loadChapters();
-    // 判断是否需要弹窗
-    if (options && options.fromSave === '1') {
-      uni.showToast({
-        title: '保存成功',
-        icon: 'success'
-      });
-    }
-    if (options && options.fromPublish === '1') {
-      uni.showToast({
-        title: '发布成功',
-        icon: 'success'
-      });
-    }
-  },
-  methods: {
-    loadChapters() {
-      if (this.activeTab === 'published') {
-        this.chapters = uni.getStorageSync('publishedChapters') || [];
-      } else {
-        this.chapters = uni.getStorageSync('chapters') || [];
-      }
-    },
-    goBack() {
-      uni.navigateBack()
-    },
-    switchTab(tab) {
-      this.activeTab = tab;
-      this.loadChapters();
-    },
-    addNewChapter() {
-      uni.navigateTo({
-        url: '/pages_order/author/editor'
-      })
-    },
-    editChapter(chapter) {
-      uni.navigateTo({
-        url: '/pages_order/author/editor?id=' + chapter.id
-      })
-    },
-    handleSettings() {
-      uni.navigateTo({
-        url: '/pages_order/novel/createNovel?type=edit'
-      })
-    }
-  }
-}
+	export default {
+		components: {
+			BackArrow,
+		},
+		data() {
+			return {
+				tabs : [
+					{
+						name : '已发布',
+					},
+					{
+						name : '草稿箱',
+					}
+				],
+				activeTab: 0,
+				chapters: [] // 真实章节数据
+			}
+		},
+		onLoad(options) {
+			// 根据tab参数决定初始tab
+			if (options.activeTab) {
+				this.activeTab = options.activeTab;
+			}
+			this.loadChapters();
+			// 判断是否需要弹窗
+			if (options && options.fromSave === '1') {
+				uni.showToast({
+					title: '保存成功',
+					icon: 'success'
+				});
+			}
+			if (options && options.fromPublish === '1') {
+				uni.showToast({
+					title: '发布成功',
+					icon: 'success'
+				});
+			}
+		},
+		methods: {
+			loadChapters() {
+				if (this.activeTab === 'published') {
+					this.chapters = uni.getStorageSync('publishedChapters') || [];
+				} else {
+					this.chapters = uni.getStorageSync('chapters') || [];
+				}
+			},
+			goBack() {
+				uni.navigateBack()
+			},
+			clickTabs(tab) {
+				this.activeTab = tab.index;
+			},
+			addNewChapter() {
+				uni.navigateTo({
+					url: '/pages_order/author/editor'
+				})
+			},
+			editChapter(chapter) {
+				uni.navigateTo({
+					url: '/pages_order/author/editor?id=' + chapter.id
+				})
+			},
+			handleSettings() {
+				uni.navigateTo({
+					url: '/pages_order/novel/createNovel?type=edit'
+				})
+			}
+		}
+	}
 </script>
 
 <style lang="scss" scoped>
-.chapter-container {
-  min-height: 100vh;
-  background-color: #fff;
-  padding-bottom: 70px;
-  
-  .header {
-    background: #fff;
-    .nav-bar {
-      position: relative;
-      height: 44px;
-      .back {
-        position: absolute;
-        left: 0;
-        top: 0;
-        bottom: 0;
-        width: 48px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        z-index: 2;
-      }
-      .right-icons {
-        position: absolute;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        width: 48px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        z-index: 2;
-      }
-      .title {
-        position: absolute;
-        left: 0;
-        right: 0;
-        top: 0;
-        bottom: 0;
-        margin: auto;
-        height: 44px;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 16px;
-        font-weight: 500;
-        color: #222;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        text-align: center;
-        z-index: 1;
-        pointer-events: none;
-      }
-    }
-    .tabs {
-      display: flex;
-      margin-top: 4px;
-      margin-left: 120rpx;
-      justify-content: space-between;
-    
-      .tab {
-        font-size: 15px;
-        color: #888;
-        margin-right: 120rpx;
-        position: relative;
-        &.active {
-          color: #223a7a;
-          font-weight: 600;
-          &::after {
-            content: '';
-            display: block;
-            width: 24px;
-            height: 3px;
-            background: #223a7a;
-            border-radius: 2px;
-            position: absolute;
-            left: 50%;
-            transform: translateX(-50%);
-            bottom: -6px;
-          }
-        }
-      }
-    }
-  }
-  
-  .chapter-list {
-    padding: 20rpx 40rpx;
-    background-color: rgb(255, 254, 254);
-    margin: 50rpx 40rpx;
-    border-radius: 3%;
-    .chapter-item {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      padding: 15px 0;
-      border-bottom: 1px solid #eee;
-      
-      .chapter-info {
-        .chapter-title {
-          font-size: 14px;
-          color: #999;
-          margin-bottom: 5px;
-          display: block;
-        }
-        
-        .chapter-number {
-          font-size: 16px;
-          color: #333;
-          display: block;
-        }
-      }
-      
-      .icon-arrow {
-        color: #999;
-        font-size: 16px;
-      }
-    }
-  }
-  
-  .bottom-actions {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex;
-    padding: 10px 15px;
-    background: #fff;
-    box-shadow: 0 -2px 6px rgba(0,0,0,0.05);
-    
-    button {
-      flex: 1;
-      height: 40px;
-      border-radius: 20px;
-      font-size: 16px;
-      margin: 0 5px;
-      
-      &.btn-settings {
-        background: #fff;
-        border: 1px solid #ddd;
-        color: #333;
-      }
-      
-      &.btn-new {
-        background: #2b4acb;
-        color: #fff;
-        border: none;
-      }
-    }
-  }
-}
-</style> 
\ No newline at end of file
+	.chapter-container {
+		min-height: 100vh;
+		background-color: #fff;
+		padding-bottom: 70px;
+
+		.chapter-list {
+			padding: 20rpx 40rpx;
+			background-color: rgb(255, 254, 254);
+			margin: 50rpx 40rpx;
+			border-radius: 3%;
+
+			.chapter-item {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+				padding: 15px 0;
+				border-bottom: 1px solid #eee;
+
+				.chapter-info {
+					.chapter-title {
+						font-size: 14px;
+						color: #999;
+						margin-bottom: 5px;
+						display: block;
+					}
+
+					.chapter-number {
+						font-size: 16px;
+						color: #333;
+						display: block;
+					}
+				}
+
+				.icon-arrow {
+					color: #999;
+					font-size: 16px;
+				}
+			}
+		}
+
+		.bottom-actions {
+			padding-bottom: calc(env(safe-area-inset-bottom) + 30rpx);
+			position: fixed;
+			bottom: 0;
+			left: 0;
+			right: 0;
+			display: flex;
+			padding: 10px 15px;
+			background: #fff;
+			box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.05);
+
+			button {
+				flex: 1;
+				height: 40px;
+				border-radius: 20px;
+				font-size: 16px;
+				margin: 0 5px;
+
+				&.btn-settings {
+					background: #fff;
+					border: 1px solid #ddd;
+					color: #333;
+				}
+
+				&.btn-new {
+					background: #2b4acb;
+					color: #fff;
+					border: none;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/novel/login.vue b/pages_order/novel/login.vue
deleted file mode 100644
index 21f9eaf..0000000
--- a/pages_order/novel/login.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-  <div class="login-page">
-    <div class="logo-box">
-      <img class="logo" src="/static/auth/headImage.png" alt="logo" />
-    </div>
-    <div class="title">瀚涵中文网</div>
-    <LoginButton type="primary" @click="onLogin">登录</LoginButton>
-    <div class="cancel-row">
-      <LoginButton type="secondary" @click="onCancel">取消登录</LoginButton>
-      <span class="arrow-icon">◆</span>
-      <span class="dashed-line"></span>
-    </div>
-    <AgreementCheck v-model:checked="checked">
-      我已阅读并同意<a href="#">《服务协议》</a>和<a href="#">《隐私政策》</a>
-    </AgreementCheck>
-    <div class="book-bg"></div>
-  </div>
-</template>
-
-<script>
-import LoginButton from './components/LoginButton.vue';
-import AgreementCheck from './components/AgreementCheck.vue';
-
-export default {
-  name: 'NovelLogin',
-  components: { LoginButton, AgreementCheck },
-  data() {
-    return {
-      checked: false
-    };
-  },
-  methods: {
-    onLogin() {
-      if (!this.checked) {
-        this.$toast && this.$toast('请先同意协议');
-        return;
-      }
-      // 登录逻辑
-    },
-    onCancel() {
-      // 取消登录逻辑
-    }
-  }
-};
-</script>
-
-<style scoped>
-.login-page {
-  min-height: 100vh;
-  background: #eef2fc;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  position: relative;
-  padding-top: 60px;
-}
-.logo-box {
-  width: 120px;
-  height: 120px;
-  background: #fff;
-  border-radius: 16px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  box-shadow: 0 2px 8px #e0e6f6;
-}
-.logo {
-  width: 80px;
-  height: 80px;
-  object-fit: contain;
-}
-.title {
-  font-size: 22px;
-  font-weight: bold;
-  color: #222;
-  margin-bottom: 32px;
-}
-.cancel-row {
-  width: 80%;
-  display: flex;
-  align-items: center;
-  position: relative;
-  margin-bottom: 8px;
-}
-.arrow-icon {
-  color: #fd7e14;
-  font-size: 18px;
-  margin: 0 6px;
-  z-index: 2;
-}
-.dashed-line {
-  flex: 1;
-  border-bottom: 2px dashed #fd7e14;
-  height: 0;
-  margin-left: -8px;
-}
-.book-bg {
-  position: absolute;
-  left: 50%;
-  bottom: 0;
-  transform: translateX(-50%);
-  width: 220px;
-  height: 180px;
-  background: url('/static/auth/headImage.png') no-repeat center/contain;
-  opacity: 0.08;
-  z-index: 0;
-}
-</style>
diff --git a/pages_order/novel/novelDetail.vue b/pages_order/novel/novelDetail.vue
index 3400438..cc0d0ea 100644
--- a/pages_order/novel/novelDetail.vue
+++ b/pages_order/novel/novelDetail.vue
@@ -1,916 +1,728 @@
 <template>
-  <!-- 小说详情页面 -->
-  <view class="novel-detail">
-    <!-- 顶部返回导航 -->
-    <uv-navbar title="小说详情" :autoBack="true" fixed placeholder titleStyle="color: #333; font-weight: 700;" :border="false">
-      <template #left>
-        <BackArrow :size="56" color="#333" @back="goBack" />
-      </template>
-    </uv-navbar>
-
-    <!-- 小说基本信息 -->
-    <view class="novel-info">
-      <view class="novel-cover">
-        <image :src="novelData.coverUrl" mode="aspectFill"></image>
-      </view>
-      <view class="novel-basic">
-        <text class="title">{{ novelData.title }}</text>
-        <view class="author-line">
-          <text class="label">作者：</text>
-          <text class="author">{{ novelData.author }}</text>
-        </view>
-        <view class="status-line">
-          <text class="label">完结：</text>
-          <text class="status">{{ novelData.status }}</text>
-        </view>
-        <view class="score-line">
-          <text class="score">{{ novelData.score || 2814}}</text>
-          <text class="score-label">作者累计亲密度值</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 推荐票数显示 -->
-    <view class="recommendation-section">
-      <view class="rec-left">
-        <text class="rec-count">2814</text>
-        <text class="rec-label">推荐票数</text>
-      </view>
-      <view class="rec-divider"></view>
-      <view class="rec-right">
-        <button class="recommend-btn" @click="recommendNovel">
-          <text class="btn-icon">📑</text>
-          投推荐票
-        </button>
-      </view>
-    </view>
-
-    <!-- 阅读和收藏按钮 -->
-    
-
-    <!-- 我的等级 -->
-    <view class="user-level">
-      <view class="level-left">
-        <view class="level-title">
-          <text class="title-icon">👑</text>
-          <text>我的等级</text>
-        </view>
-        <view class="level-info">
-          <image class="user-avatar" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain" mode="aspectFill"></image>
-          <view class="user-details">
-            <text class="username">周海</text>
-            <view class="user-score">
-              <text class="score-value">6785452</text>
-              <text class="score-label">亲密值</text>
-            </view>
-            <text class="user-role">护书使者 五级</text>
-          </view>
-        </view>
-      </view>
-      <view class="level-right">
-        <view class="rank-btn">
-          <image class="rank-icon" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain" mode="aspectFit"></image>
-          <text>读者榜单</text>
-          <text class="check-text">点击查看</text>
-        </view>
-      </view>
-    </view>
-
-    <!-- 小说简介 -->
-    <view class="novel-intro">
-      <view class="intro-title">
-        <text>简介：</text>
-      </view>
-      <view class="intro-content">
-        <text>这游戏也太真实了吧！</text>
-        <text>搬砖、跑腿、捡垃圾、送快递。......公司最多能让你体会到996的艰辛，在这里你能体会到超级加倍的007。</text>
-        <text>好了，不废话了，伟大的管理者大人嘛就去搬砖了。那位大人说了，只要我们努力献上自己的肝，下个月他又能换一套全新的动力甲，到时候候带我们开全新的地图，去广阔的废土捡更多的垃圾！</text>
-        <text>穿越到废土世界的基光发现，自己解锁了游戏所系统，能够从平行世界召唤名为"玩家"的生物。</text>
-      </view>
-    </view>
-    
-    <!-- 目录 -->
-    <view class="novel-catalog" @click="handleShowCatalog">
-      <view class="catalog-header">
-        <view class="catalog-title">
-          <text class="title-icon">📖</text>
-          <text>目录</text>
-        </view>
-        <view class="chapter-nav">
-          <text class="current-chapter">第九集 - 高去与归来</text>
-          <text class="nav-arrow">></text>
-        </view>
-      </view>
-    </view>
-    <!-- 目录弹窗完整内容内联 -->
-    <view v-if="showCatalog" class="catalog-popup-fullscreen" style="top:196px;bottom:0;height:auto;min-height:calc(100vh - 196px);">
-      <view class="catalog-header">
-        <view class="header-left" @click.stop="showCatalog = false">
-          <uv-icon name="arrow-down" size="46" color="#333" @click="goBack" />
-        </view>
-        <view class="header-title">目录</view>
-        <view class="header-right" @click.stop="orderAsc = !orderAsc">倒序</view>
-      </view>
-      <scroll-view scroll-y class="catalog-list" style="padding-bottom:0;margin-bottom:0;">
-        <view v-for="(item, idx) in (orderAsc ? chapterList : [...chapterList].reverse())" :key="item.id" @click="selectChapter(orderAsc ? idx : chapterList.length - 1 - idx)"
-          :class="['catalog-item', {active: (orderAsc ? idx : chapterList.length - 1 - idx) === currentIndex}]">
-          <view class="item-main">
-            <text class="item-title">{{ item.title }}</text>
-            <text v-if="item.vip" class="vip-tag">付费</text>
-          </view>
-        </view>
-      </scroll-view>
-    </view>
-
-
-    <!-- 书评区域 -->
-    <view class="comments-section">
-      <view class="comments-header">
-        <view class="header-left">
-          <text class="title-icon">📝</text>
-          <text>书评</text>
-        </view>
-        <view class="header-right">
-          <text @click="goToWriteReview">写书评</text>
-        </view>
-      </view>
-      <view class="comment-list">
-        <view class="comment-item">
-          <view class="comment-header">
-            <image class="avatar" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain" mode="aspectFill"></image>
-            <text class="username">方香橙</text>
-          </view>
-          <view class="comment-body">
-            <text class="content-text">我是本书的作者方香橙，这是一本甜文爽文哒！请放心入坑，五星好评！女主又美有个性可爱，绝对不圣母，不傻白！男主身心干净深情独宠媳妇儿一个人...</text>
-            <view class="comment-footer">
-              <text class="comment-time">2024.07.09</text>
-              <view class="comment-likes" @click="goToCommentReply">
-                <text class="like-icon">💬</text>
-                <text class="like-count">17</text>
-              </view>
-            </view>
-          </view>
-        </view>
-        <view class="comment-item">
-          <view class="comment-header">
-            <image class="avatar" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain" mode="aspectFill"></image>
-            <text class="username">战斗世界</text>
-          </view>
-          <view class="comment-body">
-            <text class="content-text">这本小说了创意了雄天霸业奇新颖深刻以白色能量为主...</text>
-          </view>
-        </view>
-      </view>
-    </view>
-
-    <!-- 底部操作栏 -->
-    <view class="novel-bottom">
-      <view class="bottom-left">
-        <view class="action-btn" @click="addToBookshelf">
-          <text class="btn-icon">📚</text>
-          <text>加入书架</text>
-        </view>
-        <view class="action-btn" @click="goToGiftbox">
-          <text class="btn-icon">🎁</text>
-          <text>礼物盒</text>
-        </view>
-        <view class="action-btn" @click="toggleInteractive">
-          <text class="btn-icon">🎯</text>
-          <text>互动打赏</text>
-        </view>
-      </view>
-      <view class="bottom-right">
-        <button class="read-now-btn" @click="startReading">立即阅读</button>
-      </view>
-    </view>
-  </view>
+	<!-- 小说详情页面 -->
+	<view class="novel-detail">
+		<!-- 顶部返回导航 -->
+		<uv-navbar title="小说详情" :autoBack="true" fixed placeholder titleStyle="color: #333; font-weight: 700;"
+			:border="false">
+			<template #left>
+				<BackArrow :size="56" color="#333" @back="goBack" />
+			</template>
+		</uv-navbar>
+
+		<!-- 小说基本信息 -->
+		<view class="novel-info">
+			<view class="novel-cover">
+				<image :src="novelData.coverUrl" mode="aspectFill"></image>
+			</view>
+			<view class="novel-basic">
+				<text class="title">{{ novelData.title }}</text>
+				<view class="author-line">
+					<text class="label">作者：</text>
+					<text class="author">{{ novelData.author }}</text>
+				</view>
+				<view class="status-line">
+					<text class="label">完结：</text>
+					<text class="status">{{ novelData.status }}</text>
+				</view>
+				<view class="score-line">
+					<text class="score">{{ novelData.score || 2814}}</text>
+					<text class="score-label">作者累计亲密度值</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 推荐票数显示 -->
+		<view class="recommendation-section">
+			<view class="rec-left">
+				<text class="rec-count">2814</text>
+				<text class="rec-label">推荐票数</text>
+			</view>
+			<view class="rec-divider"></view>
+			<view class="rec-right">
+				<button class="recommend-btn" @click="recommendNovel">
+					<text class="btn-icon">📑</text>
+					投推荐票
+				</button>
+			</view>
+		</view>
+
+		<!-- 阅读和收藏按钮 -->
+
+
+		<!-- 我的等级 -->
+		<view class="user-level">
+			<view class="level-left">
+				<view class="level-title">
+					<text class="title-icon">👑</text>
+					<text>我的等级</text>
+				</view>
+				<view class="level-info">
+					<image class="user-avatar"
+						src="https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain"
+						mode="aspectFill"></image>
+					<view class="user-details">
+						<text class="username">周海</text>
+						<view class="user-score">
+							<text class="score-value">6785452</text>
+							<text class="score-label">亲密值</text>
+						</view>
+						<text class="user-role">护书使者 五级</text>
+					</view>
+				</view>
+			</view>
+			<view class="level-right">
+				<view class="rank-btn">
+					<image class="rank-icon"
+						src="https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain"
+						mode="aspectFit"></image>
+					<text>读者榜单</text>
+					<text class="check-text">点击查看</text>
+				</view>
+			</view>
+		</view>
+
+		<!-- 小说简介 -->
+		<view class="novel-intro">
+			<view class="intro-title">
+				<text>简介：</text>
+			</view>
+			<view class="intro-content">
+				<text>这游戏也太真实了吧！</text>
+				<text>搬砖、跑腿、捡垃圾、送快递。......公司最多能让你体会到996的艰辛，在这里你能体会到超级加倍的007。</text>
+				<text>好了，不废话了，伟大的管理者大人嘛就去搬砖了。那位大人说了，只要我们努力献上自己的肝，下个月他又能换一套全新的动力甲，到时候候带我们开全新的地图，去广阔的废土捡更多的垃圾！</text>
+				<text>穿越到废土世界的基光发现，自己解锁了游戏所系统，能够从平行世界召唤名为"玩家"的生物。</text>
+			</view>
+		</view>
+
+		<!-- 目录 -->
+		<view class="novel-catalog" @click="$refs.chapterPopup.open()">
+			<view class="catalog-header">
+				<view class="catalog-title">
+					<text class="title-icon">📖</text>
+					<text>目录</text>
+				</view>
+				<view class="chapter-nav">
+					<text class="current-chapter">第九集 - 高去与归来</text>
+					<text class="nav-arrow">></text>
+				</view>
+			</view>
+		</view>
+
+
+		<!-- 目录弹窗完整内容内联 -->
+
+
+
+		<!-- 书评区域 -->
+		<view class="comments-section">
+			<view class="comments-header">
+				<view class="header-left">
+					<text class="title-icon">📝</text>
+					<text>书评</text>
+				</view>
+				<view class="header-right">
+					<text @click="goToWriteReview">写书评</text>
+				</view>
+			</view>
+			<view class="comment-list">
+				<commentItem v-for="(item, index) in 10" :key="index" />
+			</view>
+		</view>
+
+		<!-- 底部操作栏 -->
+		<view class="novel-bottom">
+			<view class="bottom-left">
+				<view class="action-btn" @click="addToBookshelf">
+					<text class="btn-icon">📚</text>
+					<text>加入书架</text>
+				</view>
+				<view class="action-btn" @click="goToGiftbox">
+					<text class="btn-icon">🎁</text>
+					<text>礼物盒</text>
+				</view>
+				<view class="action-btn" @click="toggleInteractive">
+					<text class="btn-icon">🎯</text>
+					<text>互动打赏</text>
+				</view>
+			</view>
+			<view class="bottom-right">
+				<button class="read-now-btn" @click="startReading">立即阅读</button>
+			</view>
+		</view>
+
+		<chapterPopup ref="chapterPopup" />
+	</view>
 </template>
 
 <script>
-import catalogpopup from '@/components/novel/CatalogPopup.vue'
-import BackArrow from './components/BackArrow.vue'
-export default {
-  components: {
-    'uv-navbar': () => import('@/uni_modules/uv-navbar/components/uv-navbar/uv-navbar.vue'),
-    'uv-icon': () => import('@/uni_modules/uv-icon/components/uv-icon/uv-icon.vue'),
-    catalogpopup,
-    BackArrow
-  },
-  data() {
-    return {
-      novelData: {
-        id: '1',
-        title: '这游戏也太真实了',
-        author: '大宝鉴在在',
-        category: '玄幻',
-        wordCount: '2814',
-        coverUrl: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
-        introduction: '这游戏也太真实了！\n模拟，模拟，模拟，这游戏……公空居然把自己做成了游戏的NPC？这是什么新型的套路啊！好了，不要慌了，作为的管理者人员都在忙碌着，都在工作人员中，只要我们努力就自己的事，下个月他又给一套全新的剧情开始，如何将模拟的开关全新的世界，去广阔的世界去探索吧！'
-      },
-      isCollected: false,
-      chapterCount: 2814,
-      comments: [
-        {
-          username: '方寒锋',
-          avatar: '/static/images/user1.jpg',
-          content: '我是全书中年龄最大的人，这是一本很好的文章！满满心头热，只要对你"安全"文案有兴趣的，都可以不虚，不害怕，不要想太多就去尝试阅读吧！',
-          time: '2024-07-09'
-        }
-      ],
-      showCatalog: false,
-      orderAsc: true,
-      currentIndex: 0,
-      chapterList: [
-        { id: 1, title: '第一章 重回2004', vip: false },
-        { id: 2, title: '第二章 陈年旧恨', vip: false },
-        { id: 3, title: '第三章 再相见', vip: false },
-        { id: 4, title: '第四章 李东的邀请', vip: false },
-        { id: 5, title: '第五章 小气的男', vip: false },
-        { id: 6, title: '第六章 先送谁?', vip: false },
-        { id: 7, title: '第七章 打听行情', vip: false },
-        { id: 8, title: '第八章 省城探路', vip: false },
-        { id: 9, title: '第九章 订货', vip: false },
-        { id: 10, title: '第十章 第一桶金', vip: true },
-        { id: 11, title: '第十一章 高富帅来袭', vip: true },
-        { id: 12, title: '第十二章 故学后，挥场见！', vip: true },
-        { id: 13, title: '第十三章 你来我往', vip: true },
-        { id: 14, title: '第十四章 你来我往', vip: true },
-        { id: 15, title: '第十五章 你来我往', vip: true },
-        { id: 16, title: '第十六章 你来我往', vip: true },
-        { id: 17, title: '第十七章 你来我往', vip: true },
-        { id: 18, title: '第十八章 你来我往', vip: true }
-      ]
-    }
-  },
-  computed: {
-    userInfo() {
-      return {
-        avatar: '/static/images/avatar.jpg',
-        level: '67级达人'
-      }
-    }
-  },
-  methods: {
-    goBack() {
-      uni.navigateBack()
-    },
-    startReading() {
-      uni.navigateTo({
-        url: `/pages_order/novel/readnovels?id=${this.novelData.id}`
-      })
-    },
-    toggleCollect() {
-      this.isCollected = !this.isCollected
-      // TODO: 实现收藏功能
-    },
-    recommendNovel() {
-      if (!this.novelData.id) {
-        uni.showToast({
-          title: '无效的小说ID',
-          icon: 'none'
-        })
-        return
-      }
-      uni.navigateTo({
-        url: `/pages_order/novel/vote?id=${this.novelData.id}`
-      })
-    },
-    goToWriteReview() {
-      // 跳转到写书评页面，传递书名参数
-      uni.navigateTo({
-        url: `/pages_order/novel/Review?title=${encodeURIComponent(this.novelData.title)}`
-      })
-    },
-    addToBookshelf() {
-      // TODO: 实现加入书架功能
-      uni.showToast({
-        title: '已加入书架',
-        icon: 'success'
-      })
-    },
-    toggleInteractive() {
-      // 跳转到互动打赏页面
-      uni.navigateTo({
-        url: `/pages_order/novel/Tipping?id=${this.novelData.id}`
-      })
-    },
-    goToGiftbox() {
-      uni.navigateTo({ url: '/pages_order/novel/Giftbox' })
-    },
-    handleShowCatalog() {
-      console.log('点击目录区域');
-      this.showCatalog = true;
-    },
-    selectChapter(idx) {
-      this.currentIndex = idx
-      this.showCatalog = false
-      // TODO: 跳转到对应章节内容
-    },
-    goToCommentReply() {
-      uni.navigateTo({
-        url: '/pages_order/novel/comments'
-      })
-    }
-  }
-}
+	import catalogpopup from '@/components/novel/CatalogPopup.vue'
+	import BackArrow from './components/BackArrow.vue'
+	import chapterPopup from '../components/novel/chapterPopup.vue'
+	import commentItem from '../components/comment/commentItem.vue'
+	export default {
+		components: {
+			catalogpopup,
+			BackArrow,
+			chapterPopup,
+			commentItem,
+		},
+		data() {
+			return {
+				novelData: {
+					id: '1',
+					title: '这游戏也太真实了',
+					author: '大宝鉴在在',
+					category: '玄幻',
+					wordCount: '2814',
+					coverUrl: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.iUyxJ_fxLjjX3kEBjteXWwAAAA?rs=1&pid=ImgDetMain',
+					introduction: '这游戏也太真实了！\n模拟，模拟，模拟，这游戏……公空居然把自己做成了游戏的NPC？这是什么新型的套路啊！好了，不要慌了，作为的管理者人员都在忙碌着，都在工作人员中，只要我们努力就自己的事，下个月他又给一套全新的剧情开始，如何将模拟的开关全新的世界，去广阔的世界去探索吧！'
+				},
+				isCollected: false,
+				comments: [{
+					username: '方寒锋',
+					avatar: '/static/images/user1.jpg',
+					content: '我是全书中年龄最大的人，这是一本很好的文章！满满心头热，只要对你"安全"文案有兴趣的，都可以不虚，不害怕，不要想太多就去尝试阅读吧！',
+					time: '2024-07-09'
+				}],
+				currentIndex: 0,
+			}
+		},
+		computed: {
+			userInfo() {
+				return {
+					avatar: '/static/images/avatar.jpg',
+					level: '67级达人'
+				}
+			}
+		},
+		methods: {
+			goBack() {
+				uni.navigateBack()
+			},
+			startReading() {
+				uni.navigateTo({
+					url: `/pages_order/novel/readnovels?id=${this.novelData.id}`
+				})
+			},
+			toggleCollect() {
+				this.isCollected = !this.isCollected
+				// TODO: 实现收藏功能
+			},
+			recommendNovel() {
+				if (!this.novelData.id) {
+					uni.showToast({
+						title: '无效的小说ID',
+						icon: 'none'
+					})
+					return
+				}
+				uni.navigateTo({
+					url: `/pages_order/novel/vote?id=${this.novelData.id}`
+				})
+			},
+			goToWriteReview() {
+				// 跳转到写书评页面，传递书名参数
+				uni.navigateTo({
+					url: `/pages_order/novel/Review?title=${encodeURIComponent(this.novelData.title)}`
+				})
+			},
+			addToBookshelf() {
+				// TODO: 实现加入书架功能
+				uni.showToast({
+					title: '已加入书架',
+					icon: 'success'
+				})
+			},
+			toggleInteractive() {
+				// 跳转到互动打赏页面
+				uni.navigateTo({
+					url: `/pages_order/novel/Tipping?id=${this.novelData.id}`
+				})
+			},
+			goToGiftbox() {
+				uni.navigateTo({
+					url: '/pages_order/novel/Giftbox'
+				})
+			},
+			handleShowCatalog() {
+				console.log('点击目录区域');
+				this.showCatalog = true;
+			},
+			selectChapter(idx) {
+				this.currentIndex = idx
+				this.showCatalog = false
+				// TODO: 跳转到对应章节内容
+			},
+			goToCommentReply() {
+				uni.navigateTo({
+					url: '/pages_order/novel/comments'
+				})
+			}
+		}
+	}
 </script>
 
 <style lang="scss" scoped>
-.novel-detail {
-  min-height: 100vh;
-  background-color: #f5f5f5;
-  padding-bottom: 30rpx;
-}
-
-.nav-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 20rpx 30rpx;
-  background-color: transparent;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 100;
-}
-
-.novel-info {
-  padding: 20rpx;
-  display: flex;
-  background: #fff;
-}
-
-.novel-cover {
-  width: 200rpx;
-  height: 280rpx;
-  margin-right: 20rpx;
-}
-
-.novel-cover image {
-  width: 100%;
-  height: 100%;
-  border-radius: 8rpx;
-}
-
-.novel-basic {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-}
-
-.title {
-  font-size: 36rpx;
-  font-weight: bold;
-  margin-bottom: 16rpx;
-}
-
-.author-line, .status-line {
-  display: flex;
-  align-items: center;
-  margin-bottom: 12rpx;
-  font-size: 28rpx;
-  color: #666;
-}
-
-.label {
-  color: #999;
-  margin-right: 8rpx;
-}
-
-.score-line {
-  margin-top: 16rpx;
-}
-
-.score {
-  font-size: 32rpx;
-  color: #333;
-  font-weight: bold;
-}
-
-.score-label {
-  font-size: 24rpx;
-  color: #999;
-  margin-left: 8rpx;
-}
-
-.recommendation-section {
-  padding: 24rpx 32rpx;
-  background: #fff;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: relative;
-}
-
-.rec-left {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  margin-left: 70rpx;
-}
-
-.rec-count {
-  font-size: 44rpx;
-  font-weight: 500;
-  color: #333;
-  line-height: 1.2;
-}
-
-.rec-label {
-  font-size: 26rpx;
-  color: #999;
-  margin-top: 4rpx;
-}
-
-.rec-divider {
-  position: absolute;
-  right: 160rpx;
-  top: 20rpx;
-  bottom: 20rpx;
-  width: 2rpx;
-  background: #eee;
-}
-
-.rec-right {
-  flex-shrink: 0;
- 
-}
-
-.recommend-btn {
-  background: #fff;
-  color: #4a90e2;
-  border: 2rpx solid #4a90e2;
-  border-radius: 40rpx;
-  padding: 12rpx 32rpx;
-  font-size: 28rpx;
-  display: flex;
-  align-items: center;
-  line-height: 1;
-  height: 64rpx;
-}
-
-.btn-icon {
-  margin-right: 8rpx;
-  font-size: 32rpx;
-}
-
-.action-buttons {
-  display: flex;
-  padding: 30rpx;
-  gap: 20rpx;
-  
-  button {
-    flex: 1;
-    height: 80rpx;
-    border-radius: 40rpx;
-    font-size: 32rpx;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-  
-  .read-btn {
-    background-color: #4a90e2;
-    color: #fff;
-  }
-  
-  .collect-btn {
-    background-color: #f0f0f0;
-    color: #666;
-  }
-}
-
-.user-level {
-  margin: 20rpx 30rpx;
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 24rpx 32rpx;
-  display: flex;
-  justify-content: space-between;
-  align-items: stretch;
-}
-
-.level-left {
-  flex: 1;
-}
-
-.level-title {
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-  margin-bottom: 20rpx;
-  margin-left: 20rpx;
-  
-  .title-icon {
-    font-size: 36rpx;
-    color: #FFB800;
-  }
-  
-  text {
-    font-size: 32rpx;
-    font-weight: 500;
-    color: #333;
-  }
-}
-
-.level-info {
-  display: flex;
-  align-items: flex-start;
-  gap: 20rpx;
-}
-
-.user-avatar {
-  width: 80rpx;
-  height: 80rpx;
-  border-radius: 50%;
-  border: 2rpx solid #f0f0f0;
-}
-
-.user-details {
-  display: flex;
-  flex-direction: column;
-  gap: 8rpx;
-}
-
-.username {
-  font-size: 28rpx;
-  color: #333;
-  font-weight: 500;
-}
-
-.user-score {
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-  
-  .score-value {
-    font-size: 28rpx;
-    color: #333;
-  }
-  
-  .score-label {
-    font-size: 24rpx;
-    color: #999;
-  }
-}
-
-.user-role {
-  font-size: 24rpx;
-  color: #666;
-  background: #f5f5f5;
-  padding: 4rpx 12rpx;
-  border-radius: 4rpx;
-  display: inline-block;
-}
-
-.level-right {
-  display: flex;
-  align-items: center;
-}
-
-.rank-btn {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  padding: 0 20rpx;
-  
-  .rank-icon {
-    width: 200rpx;
-    height: 60rpx;
-    margin-bottom: 8rpx;
-  }
-  
-  text {
-    font-size: 26rpx;
-    color: #333;
-    line-height: 1.4;
-  }
-  
-  .check-text {
-    font-size: 22rpx;
-    color: #999;
-  }
-}
-
-.novel-intro {
-  margin: 20rpx 30rpx;
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 24rpx;
-}
-
-.intro-title {
-  font-size: 32rpx;
-  font-weight: 500;
-  color: #333;
-  margin-bottom: 16rpx;
-}
-
-.intro-content {
-  font-size: 28rpx;
-  color: #666;
-  line-height: 1.6;
-  display: flex;
-  flex-direction: column;
-  gap: 16rpx;
-
-  text {
-    display: block;
-  }
-}
-
-.comments-section {
-  margin: 20rpx 30rpx;
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 24rpx;
-}
-
-.comments-header {
-  display: flex;
-  align-items: center;
-  margin-bottom: 24rpx;
-  border-bottom: 2rpx solid #f5f5f5;
-  padding-bottom: 24rpx;
-  justify-content: flex-start;
-}
-
-.header-left {
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-  
-  .title-icon {
-    font-size: 32rpx;
-  }
-  text {
-    display: flex;
-    align-items: center;
-    font-size: 32rpx;
-    font-weight: 500;
-    color: #333;
-    white-space: nowrap;
-  }
-}
-
-.header-right {
-  margin-left: auto;
-}
-
-.comment-list {
-  display: flex;
-  flex-direction: column;
-  gap: 32rpx;
-}
-
-.comment-item {
-  display: flex;
-  flex-direction: column;
-  gap: 16rpx;
-}
-
-.comment-header {
-  display: flex;
-  align-items: center;
-  gap: 12rpx;
-}
-
-.avatar {
-  width: 64rpx;
-  height: 64rpx;
-  border-radius: 50%;
-}
-
-.username {
-  font-size: 28rpx;
-  color: #333;
-  font-weight: 500;
-}
-
-.comment-body {
-  padding-left: 76rpx;
-}
-
-.content-text {
-  font-size: 28rpx;
-  color: #333;
-  line-height: 1.6;
-}
-
-.comment-footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 16rpx;
-}
-
-.comment-time {
-  font-size: 24rpx;
-  color: #999;
-}
-
-.comment-likes {
-  display: flex;
-  align-items: center;
-  gap: 4rpx;
-}
-
-.like-icon {
-  font-size: 24rpx;
-  color: #999;
-}
-
-.like-count {
-  font-size: 24rpx;
-  color: #999;
-}
-
-.novel-catalog {
-  margin: 20rpx 30rpx;
-  background-color: #fff;
-  border-radius: 12rpx;
-  padding: 24rpx;
-}
-
-.catalog-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  border-bottom: 2rpx solid #f5f5f5;
-  padding-bottom: 24rpx;
-  
-}
-
-.catalog-title {
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-
-  .title-icon {
-    font-size: 32rpx;
-  }
-
-  text {
-    font-size: 32rpx;
-    font-weight: 500;
-    color: #333;
-  }
-}
-
-.chapter-nav {
-  display: flex;
-  align-items: center;
-  gap: 8rpx;
-
-  .current-chapter {
-    font-size: 28rpx;
-    color: #666;
-  }
-
-  .nav-arrow {
-    font-size: 28rpx;
-    color: #999;
-  }
-}
-
-.novel-bottom {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 100rpx;
-  background: #fff;
-  display: flex;
-  align-items: center;
-  padding: 0 30rpx;
-  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
-}
-
-.bottom-left {
-  flex: 1;
-  display: flex;
-  gap: 40rpx;
-}
-
-.action-btn {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 4rpx;
-
-  .btn-icon {
-    font-size: 40rpx;
-    line-height: 1;
-  }
-
-  text {
-    font-size: 24rpx;
-    color: #666;
-  }
-}
-
-.bottom-right {
-  flex-shrink: 0;
-}
-
-.read-now-btn {
-  background: #1a237e;
-  color: #fff;
-  font-size: 32rpx;
-  height: 80rpx;
-  line-height: 80rpx;
-  padding: 0 60rpx;
-  border-radius: 40rpx;
-  border: none;
-}
-
-.catalog-popup-fullscreen {
-  position: fixed;
-  left: 0;
-  top: 196px;
-  width: 100vw;
-  background: #fff;
-  z-index: 9999;
-  border-top-left-radius: 32rpx;
-  border-top-right-radius: 32rpx;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  display: flex;
-  flex-direction: column;
-  box-shadow: 0 8rpx 48rpx rgba(0,0,0,0.18);
-  overflow: hidden;
-  min-height: calc(100vh - 196px);
-}
-.catalog-header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 24rpx;
-  height: 96rpx;
-  border-bottom: 1px solid #eee;
-  position: sticky;
-  top: 0;
-  background: #fff;
-  z-index: 2;
-}
-.header-left {
-  width: 60rpx;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-}
-.header-title {
-  flex: 1;
-  text-align: center;
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #222;
-}
-.header-right {
-  color: #223a7a;
-  font-size: 28rpx;
-  font-weight: 500;
-  min-width: 80rpx;
-  text-align: right;
-}
-.catalog-list {
-  flex: 1;
-  overflow: auto;
-  padding-bottom: 40rpx;
-}
-.catalog-item {
-  padding: 0 32rpx;
-  min-height: 80rpx;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  border-bottom: 1px solid #f5f5f5;
-  background: #fff;
-  color: #222;
-  font-size: 30rpx;
-  position: relative;
-}
-.catalog-item.active {
-  color: #ff5a5f;
-  background: #fff7f7;
-}
-.item-main {
-  display: flex;
-  align-items: center;
-  gap: 16rpx;
-}
-.item-title {
-  font-size: 30rpx;
-}
-.vip-tag {
-  background: #ffe1b2;
-  color: #ff9900;
-  border-radius: 20rpx;
-  font-size: 24rpx;
-  padding: 2rpx 18rpx;
-  margin-left: 16rpx;
-}
-</style>
+	.novel-detail {
+		min-height: 100vh;
+		background-color: #f5f5f5;
+		padding-bottom: calc(env(safe-area-inset-bottom) + 30rpx);
+	}
+
+	.nav-header {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		padding: 20rpx 30rpx;
+		background-color: transparent;
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		z-index: 100;
+	}
+
+	.novel-info {
+		padding: 20rpx;
+		display: flex;
+		background: #fff;
+	}
+
+	.novel-cover {
+		width: 200rpx;
+		height: 280rpx;
+		margin-right: 20rpx;
+	}
+
+	.novel-cover image {
+		width: 100%;
+		height: 100%;
+		border-radius: 8rpx;
+	}
+
+	.novel-basic {
+		flex: 1;
+		display: flex;
+		flex-direction: column;
+		justify-content: space-between;
+	}
+
+	.title {
+		font-size: 36rpx;
+		font-weight: bold;
+		margin-bottom: 16rpx;
+	}
+
+	.author-line,
+	.status-line {
+		display: flex;
+		align-items: center;
+		margin-bottom: 12rpx;
+		font-size: 28rpx;
+		color: #666;
+	}
+
+	.label {
+		color: #999;
+		margin-right: 8rpx;
+	}
+
+	.score-line {
+		margin-top: 16rpx;
+	}
+
+	.score {
+		font-size: 32rpx;
+		color: #333;
+		font-weight: bold;
+	}
+
+	.score-label {
+		font-size: 24rpx;
+		color: #999;
+		margin-left: 8rpx;
+	}
+
+	.recommendation-section {
+		padding: 24rpx 32rpx;
+		background: #fff;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		position: relative;
+	}
+
+	.rec-left {
+		display: flex;
+		flex-direction: column;
+		align-items: flex-start;
+		margin-left: 70rpx;
+	}
+
+	.rec-count {
+		font-size: 44rpx;
+		font-weight: 500;
+		color: #333;
+		line-height: 1.2;
+	}
+
+	.rec-label {
+		font-size: 26rpx;
+		color: #999;
+		margin-top: 4rpx;
+	}
+
+	.rec-divider {
+		position: absolute;
+		right: 160rpx;
+		top: 20rpx;
+		bottom: 20rpx;
+		width: 2rpx;
+		background: #eee;
+	}
+
+	.rec-right {
+		flex-shrink: 0;
+
+	}
+
+	.recommend-btn {
+		background: #fff;
+		color: #4a90e2;
+		border: 2rpx solid #4a90e2;
+		border-radius: 40rpx;
+		padding: 12rpx 32rpx;
+		font-size: 28rpx;
+		display: flex;
+		align-items: center;
+		line-height: 1;
+		height: 64rpx;
+	}
+
+	.btn-icon {
+		margin-right: 8rpx;
+		font-size: 32rpx;
+	}
+
+	.action-buttons {
+		display: flex;
+		padding: 30rpx;
+		gap: 20rpx;
+
+		button {
+			flex: 1;
+			height: 80rpx;
+			border-radius: 40rpx;
+			font-size: 32rpx;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+		}
+
+		.read-btn {
+			background-color: #4a90e2;
+			color: #fff;
+		}
+
+		.collect-btn {
+			background-color: #f0f0f0;
+			color: #666;
+		}
+	}
+
+	.user-level {
+		margin: 20rpx 30rpx;
+		background-color: #fff;
+		border-radius: 12rpx;
+		padding: 24rpx 32rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: stretch;
+	}
+
+	.level-left {
+		flex: 1;
+	}
+
+	.level-title {
+		display: flex;
+		align-items: center;
+		gap: 8rpx;
+		margin-bottom: 20rpx;
+		margin-left: 20rpx;
+
+		.title-icon {
+			font-size: 36rpx;
+			color: #FFB800;
+		}
+
+		text {
+			font-size: 32rpx;
+			font-weight: 500;
+			color: #333;
+		}
+	}
+
+	.level-info {
+		display: flex;
+		align-items: flex-start;
+		gap: 20rpx;
+	}
+
+	.user-avatar {
+		width: 80rpx;
+		height: 80rpx;
+		border-radius: 50%;
+		border: 2rpx solid #f0f0f0;
+	}
+
+	.user-details {
+		display: flex;
+		flex-direction: column;
+		gap: 8rpx;
+	}
+
+	.username {
+		font-size: 28rpx;
+		color: #333;
+		font-weight: 500;
+	}
+
+	.user-score {
+		display: flex;
+		align-items: center;
+		gap: 8rpx;
+
+		.score-value {
+			font-size: 28rpx;
+			color: #333;
+		}
+
+		.score-label {
+			font-size: 24rpx;
+			color: #999;
+		}
+	}
+
+	.user-role {
+		font-size: 24rpx;
+		color: #666;
+		background: #f5f5f5;
+		padding: 4rpx 12rpx;
+		border-radius: 4rpx;
+		display: inline-block;
+	}
+
+	.level-right {
+		display: flex;
+		align-items: center;
+	}
+
+	.rank-btn {
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 0 20rpx;
+
+		.rank-icon {
+			width: 200rpx;
+			height: 60rpx;
+			margin-bottom: 8rpx;
+		}
+
+		text {
+			font-size: 26rpx;
+			color: #333;
+			line-height: 1.4;
+		}
+
+		.check-text {
+			font-size: 22rpx;
+			color: #999;
+		}
+	}
+
+	.novel-intro {
+		margin: 20rpx 30rpx;
+		background-color: #fff;
+		border-radius: 12rpx;
+		padding: 24rpx;
+	}
+
+	.intro-title {
+		font-size: 32rpx;
+		font-weight: 500;
+		color: #333;
+		margin-bottom: 16rpx;
+	}
+
+	.intro-content {
+		font-size: 28rpx;
+		color: #666;
+		line-height: 1.6;
+		display: flex;
+		flex-direction: column;
+		gap: 16rpx;
+
+		text {
+			display: block;
+		}
+	}
+
+	.comments-section {
+		margin: 20rpx 30rpx;
+		background-color: #fff;
+		border-radius: 12rpx;
+		padding: 24rpx;
+	}
+
+	.comments-header {
+		display: flex;
+		align-items: center;
+		margin-bottom: 24rpx;
+		border-bottom: 2rpx solid #f5f5f5;
+		padding-bottom: 24rpx;
+		justify-content: flex-start;
+	}
+
+	.header-left {
+		display: flex;
+		align-items: center;
+		gap: 8rpx;
+
+		.title-icon {
+			font-size: 32rpx;
+		}
+
+		text {
+			display: flex;
+			align-items: center;
+			font-size: 32rpx;
+			font-weight: 500;
+			color: #333;
+			white-space: nowrap;
+		}
+	}
+
+	.header-right {
+		margin-left: auto;
+	}
+
+	.comment-list {
+		display: flex;
+		flex-direction: column;
+		gap: 32rpx;
+	}
+
+	.like-icon {
+		font-size: 24rpx;
+		color: #999;
+	}
+
+	.like-count {
+		font-size: 24rpx;
+		color: #999;
+	}
+
+	.novel-catalog {
+		margin: 20rpx 30rpx;
+		background-color: #fff;
+		border-radius: 12rpx;
+		padding: 24rpx;
+
+		.catalog-header {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			border-bottom: 2rpx solid #f5f5f5;
+
+			.catalog-title {
+				display: flex;
+				align-items: center;
+				gap: 8rpx;
+
+				.title-icon {
+					font-size: 32rpx;
+				}
+
+				text {
+					font-size: 32rpx;
+					font-weight: 500;
+					color: #333;
+				}
+			}
+		}
+
+		.chapter-nav {
+			display: flex;
+			align-items: center;
+			gap: 8rpx;
+
+			.current-chapter {
+				font-size: 28rpx;
+				color: #666;
+			}
+
+			.nav-arrow {
+				font-size: 28rpx;
+				color: #999;
+			}
+		}
+
+	}
+
+
+	.novel-bottom {
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		height: 100rpx;
+		background: #fff;
+		display: flex;
+		align-items: center;
+		padding: 0 30rpx;
+		padding-bottom: env(safe-area-inset-bottom);
+		box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
+
+
+		.bottom-left {
+			flex: 1;
+			display: flex;
+			gap: 40rpx;
+		}
+
+		.action-btn {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			gap: 4rpx;
+
+			.btn-icon {
+				font-size: 40rpx;
+				line-height: 1;
+			}
+
+			text {
+				font-size: 24rpx;
+				color: #666;
+			}
+		}
+
+		.bottom-right {
+			flex-shrink: 0;
+		}
+
+		.read-now-btn {
+			background: #1a237e;
+			color: #fff;
+			font-size: 32rpx;
+			height: 80rpx;
+			line-height: 80rpx;
+			padding: 0 60rpx;
+			border-radius: 40rpx;
+			border: none;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/novel/vote.vue b/pages_order/novel/vote.vue
index ccd1cae..45e3379 100644
--- a/pages_order/novel/vote.vue
+++ b/pages_order/novel/vote.vue
@@ -1,162 +1,163 @@
 <template>
-  <view class="vote-container">
-    <!-- Empty space at the top -->
-    <view class="empty-space"></view>
-    
-    <!-- Bottom sheet with voting interface -->
-    <view class="vote-sheet">
-      <view class="sheet-header">
-        <text class="sheet-title">投推荐票</text>
-      </view>
-      
-      <view class="vote-options">
-        <text class="option-label">推荐投票</text>
-        <view class="quick-options">
-          <view class="option-btn" @click="setVotes(1)">1</view>
-          <view class="option-btn" @click="setVotes(5)">5</view>
-          <view class="option-btn" @click="setVotes(10)">10</view>
-        </view>
-        
-        <text class="option-label">手动设置</text>
-        <view class="manual-input">
-          <view class="minus-btn" @click="decreaseVotes">-</view>
-          <view class="vote-count">
-            <text>x{{voteCount}}</text>
-          </view>
-          <view class="plus-btn" @click="increaseVotes">+</view>
-        </view>
-      </view>
-      
-      <button class="submit-btn" @click="submitVote">投票</button>
-    </view>
-  </view>
+	<view class="vote-container">
+		<!-- Empty space at the top -->
+		<view class="empty-space"></view>
+
+		<!-- Bottom sheet with voting interface -->
+		<view class="vote-sheet">
+			<view class="sheet-header">
+				<text class="sheet-title">投推荐票</text>
+			</view>
+
+			<view class="vote-options">
+				<text class="option-label">推荐投票</text>
+				<view class="quick-options">
+					<view class="option-btn" @click="setVotes(1)">1</view>
+					<view class="option-btn" @click="setVotes(5)">5</view>
+					<view class="option-btn" @click="setVotes(10)">10</view>
+				</view>
+
+				<text class="option-label">手动设置</text>
+				<view class="manual-input">
+					<view class="minus-btn" @click="decreaseVotes">-</view>
+					<view class="vote-count">
+						<text>x{{voteCount}}</text>
+					</view>
+					<view class="plus-btn" @click="increaseVotes">+</view>
+				</view>
+			</view>
+
+			<button class="submit-btn" @click="submitVote">投票</button>
+		</view>
+	</view>
 </template>
 
 <script>
-export default {
-  data() {
-    return {
-      voteCount: 1
-    }
-  },
-  methods: {
-    setVotes(count) {
-      this.voteCount = count
-    },
-    increaseVotes() {
-      this.voteCount++
-    },
-    decreaseVotes() {
-      if (this.voteCount > 1) {
-        this.voteCount--
-      }
-    },
-    submitVote() {
-      // TODO: Implement vote submission
-      uni.showToast({
-        title: `已投${this.voteCount}票`,
-        icon: 'success'
-      })
-    }
-  }
-}
+	export default {
+		data() {
+			return {
+				voteCount: 1
+			}
+		},
+		methods: {
+			setVotes(count) {
+				this.voteCount = count
+			},
+			increaseVotes() {
+				this.voteCount++
+			},
+			decreaseVotes() {
+				if (this.voteCount > 1) {
+					this.voteCount--
+				}
+			},
+			submitVote() {
+				// TODO: Implement vote submission
+				uni.showToast({
+					title: `已投${this.voteCount}票`,
+					icon: 'success'
+				})
+			}
+		}
+	}
 </script>
 
 <style lang="scss">
-.vote-container {
-  display: flex;
-  flex-direction: column;
-  height: 100vh;
-  background-color: rgba(0, 0, 0, 0.4);
-}
-
-.empty-space {
-  flex: 1;
-}
-
-.vote-sheet {
-  background-color: #fff;
-  border-radius: 20rpx 20rpx 0 0;
-  padding: 30rpx;
-}
-
-.sheet-header {
-  text-align: center;
-  margin-bottom: 40rpx;
-}
-
-.sheet-title {
-  font-size: 32rpx;
-  font-weight: 500;
-}
-
-.vote-options {
-  margin-bottom: 40rpx;
-}
-
-.option-label {
-  font-size: 28rpx;
-  color: #666;
-  margin-bottom: 20rpx;
-}
-
-.quick-options {
-  display: flex;
-  gap: 20rpx;
-  margin-top: 30rpx;
-  margin-bottom: 40rpx;
-}
-
-.option-btn {
-  flex: 1;
-  height: 80rpx;
-  background-color: #f5f5f5;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8rpx;
-  font-size: 28rpx;
-}
-
-.manual-input {
-    margin-top: 30rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 20rpx;
-}
-
-.minus-btn, .plus-btn {
-    width: 220rpx;
-  height: 80rpx;
-  background-color: #f5f5f5;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8rpx;
-  font-size: 32rpx;
-}
-
-.vote-count {
-  width: 220rpx;
-  height: 82rpx;
-  background-color: #f5f5f5;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 8rpx;
-  font-size: 28rpx;
-}
-
-.submit-btn {
-  width: 100%;
-  height: 88rpx;
-  background-color: #000033;
-  color: #fff;
-  border-radius: 8rpx;
-  font-size: 32rpx;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-</style>
+	.vote-container {
+		display: flex;
+		flex-direction: column;
+		height: 100vh;
+		background-color: rgba(0, 0, 0, 0.4);
+	}
+
+	.empty-space {
+		flex: 1;
+	}
+
+	.vote-sheet {
+		background-color: #fff;
+		border-radius: 20rpx 20rpx 0 0;
+		padding: 30rpx;
+	}
+
+	.sheet-header {
+		text-align: center;
+		margin-bottom: 40rpx;
+	}
+
+	.sheet-title {
+		font-size: 32rpx;
+		font-weight: 500;
+	}
+
+	.vote-options {
+		margin-bottom: 40rpx;
+	}
+
+	.option-label {
+		font-size: 28rpx;
+		color: #666;
+		margin-bottom: 20rpx;
+	}
+
+	.quick-options {
+		display: flex;
+		gap: 20rpx;
+		margin-top: 30rpx;
+		margin-bottom: 40rpx;
+	}
+
+	.option-btn {
+		flex: 1;
+		height: 80rpx;
+		background-color: #f5f5f5;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 8rpx;
+		font-size: 28rpx;
+	}
+
+	.manual-input {
+		margin-top: 30rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		gap: 20rpx;
+	}
+
+	.minus-btn,
+	.plus-btn {
+		width: 220rpx;
+		height: 80rpx;
+		background-color: #f5f5f5;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 8rpx;
+		font-size: 32rpx;
+	}
+
+	.vote-count {
+		width: 220rpx;
+		height: 82rpx;
+		background-color: #f5f5f5;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 8rpx;
+		font-size: 28rpx;
+	}
+
+	.submit-btn {
+		width: 100%;
+		height: 88rpx;
+		background-color: #000033;
+		color: #fff;
+		border-radius: 8rpx;
+		font-size: 32rpx;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+</style>
\ No newline at end of file
diff --git a/pages_order/static/book/bd.png b/pages_order/static/book/bd.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd760cad56a2ac7961c0b8e652979034b780d863
GIT binary patch
literal 17678
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
N002ovPDHLkV1i}|rpf>S

literal 0
HcmV?d00001

diff --git a/pages_order/static/book/gg.png b/pages_order/static/book/gg.png
new file mode 100644
index 0000000000000000000000000000000000000000..58ba40ca0942052cdca2f47f63a24747b70181ca
GIT binary patch
literal 1572
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
WxVE(tYap%w0000<MNUMnLSTabO5a8R

literal 0
HcmV?d00001

diff --git a/static/image/tabbar/bookshelf-a.png b/static/image/tabbar/bookshelf-a.png
new file mode 100644
index 0000000000000000000000000000000000000000..6f9770f3572d829793d58264dd46202a8c2efbb4
GIT binary patch
literal 1595
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

literal 0
HcmV?d00001

diff --git a/static/image/tabbar/bookshelf.png b/static/image/tabbar/bookshelf.png
new file mode 100644
index 0000000000000000000000000000000000000000..c3ee0963ac8be557c67b69707e42bbc9a48c6681
GIT binary patch
literal 644
zcmV-~0(<?5P)<h;3K|Lk000e1NJLTq0012T000~a1^@s6ozJwY00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0vSm}K~#7F?N-fg
zDlrhA1rCT49pDZgCA<zE9Xybb5aN)ef+Q7$oB#<4(m~QeN=Pb*>0on1;xFGv#w*9W
zn;>O3r+kt%<Js|yXFMLS$S+DnlqH-@CMJraOANc;?^h66j^S`<XS3P);c)mPCt|nT
z-Ht}1Ctp^}Qmj-e|3SLSCvrHv0=dFw<Wy9vRg&HZ`&o*J#3<Y4fRm-poBI6`#*7;f
zjaA-pGOYP4ImnCDz<>+}gFDWV?iFNRu(8wW_xmfyBLlIni=7;6B0o!CMye6T-rOj)
zQUEd|)%037$BtX1EG%Y#V6j1dv)yj5{k1GKkQNH?R&tPvbg@`4$|j7*!6sz0*}QtH
zlyz#g+P}cW8RhZ`Qchvm$a_>tne&WE8;ypQ0+4cwd(~7n4!`w!y+l^8*SV=N(s&oB
zT_7`K`2?vmMTEzTkA+F3;Td}yxFC;nOysEeds3dc<e-w_^cX42-xKo+St$r9r><z=
z)RKBTj-@Q8u4uf=f1LBWNLfy^&QDQZq>?^Aqtr?nPPH)*NmPC}k}{mG*XwrZAg3D@
z=M+)7r^|XWLt0cfN;!qIma;Zf^t;h_@u4Fjtw!0-bUI~0J!7=PO|XFk9mi$J@a<KZ
zkyD(C77&bfm5LgB3iR4Y`%8wsW!}S`>lA(SdOn{o(Zu<?(FA3beC8gU4tTzoZ8;JA
eF_T~XB;Ej6xZ~=kUH!TM0000<MNUMnLSTY<n;<Lz

literal 0
HcmV?d00001

diff --git a/static/image/tabbar/cart-a.png b/static/image/tabbar/cart-a.png
deleted file mode 100644
index b48261cb224d75d5c504638882f567dea05a4041..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 958
zcmV;v13~<WP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px&cu7P-R9HvN*k6bhRUE+a?{8)nd@$I;NKw$B$S8<t1H}~-6;`tKp4GshNXZ8u
zlzb4xH$kC7Ma35d7d9wTww$4if((R&iVOrd^r44d1VP0W@5AEG%ui;x_qyJ_ch1bc
z*L!zf&+q)sXXecLE6njn=D3fp0H;f=afIW*a+GsUAA4k+a-NS<1L}6>MGq*U%zLV$
zQg)x`qKq+>Ct-a|xS6fu@Gam~%LJ~7$HqL!8Zb8et}xgLA#hFZ^R8SbEP`x=D~hZE
zBZFo&9t#`#E^sL?Fbh`%ITLslcqapJ!1ehe4=@idFY?JhXc$x&S6J8(p^Ul#J8i%s
zxID<FqgdDA#V_!%I%rh+%L`ax19rMRbDD_^*MPSwjZO*t*=aztd<r)m<;!efiL(fw
zb_-SCj=+QsxEtYAuYkb4OrQ=k5WD={E1<$R*}xB&ABQ~b6)=X4*0ne?OaO260D0HB
z&mt=@Eb*NPTY3OI<NEBf0wcpd;7GTD4y+cRD^_4=*d*{{mw~rjpCw6~R-nGmg4p9u
zmw_i;pS`(&Nl;|C4ZPGXq@%noLAr|BzhDv+8ZHXF*CpV;uFsn@HWKz`Ba?2k_S+-d
zk5FZY7cf=`7>=-2l=1eP&&*IpIpzi&oEc>uBuTJtVR;;Lqgqjw^IpKVXADl$=K@v+
zO0wk5ub}>MeFo+fFf{3;xvGLHyFSm&DPUwc0en_NDaUZ~oo%fz5);P4)jpqJ>SJ?v
z@w8#cfuF67wGrSbYbD@v;X#rPl;n)k&jiA2Z5T4EDtzeqoNEbK9nDe1m`Hj&t=$xK
z0-PMmTo{so$(DhgfE3M<`yZ?(o;C~$d@iKZ%x#pfoJkJny%y17UWr`}L3)IpL>YA^
zIo+&&A>gB723(gv>bqB!Q7^}#UP~;Ch3hls)AYTw>K6irhCpC*qi%APmnGo;tS$@<
zV*;NvtRL~J{J?)LPcxO(BmpdK0-QBP)W_9b1Uyx&%Ew;7*KGmA5|>0+*AVFNx_r+~
z%NK0AZF7W`a$)w(MWHU%5!T1buk{FppFE#Uwh^j^p}6s6-*jy+1WbQu!?qZX0*jNq
zEO6fO*p=tDG^rnsuv0WWg!QNS;5XOfBN<P3?X#Z3z-k69(N8~9ty~Q!s}e7=04UpD
gtYx6BJ3CeW80f|o%MIDFxc~qF07*qoM6N<$g3=YcrT_o{

diff --git a/static/image/tabbar/cart.png b/static/image/tabbar/cart.png
deleted file mode 100644
index d211ea1ce04ec93cbf976515b4caca9155deb4be..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 953
zcmV;q14jIbP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px&b4f%&R9HvN*iVQ}Q5XR5@4M$tSx^=VQ7AH^Bov{X<~uV)Q7kBuSXdAXB|AkS
zgls5N6d@K0ndY47C{qZf5DN<%rBKRS%;KH-%+Y<*?RodzbKksqZ|?4O&!68t-#dT4
zgD}A#oZvoa2~caj9uY4BKqn&JjiTs~l(G~uIHN#o?Ih>iRz#eXuE@+KA;e=T<xoh2
z)n$w^+X3JX0K}<xgF=XnA;?jnG3Ge{tj$2Y6GE(%QkIJ#GjNqAf{<w-=X9=!$b<rO
zaKXql@C^Vg&jK*>ai!Fm5MUrK2ssMWTCa_w=sq*g$UyWG(f&MOL0m2}a~4}`W9Qr-
z0Qfg)nE91bYE>Sv+3)KvGsc*A0I)Ra)X(CV%?4z(hlrn}C_0-5ybb{ST7|0a2N6Hi
z1!}DiBI1>H0h#$%U0{EI|B5JzUbhPf0JrM`t+kVriPA3P#@xMlWZC!t0E^oo{3(Q(
znG4ifKS0E7Z2(>)q5~noqlkE})j(!mr<5AZ1sY>Ek8FXDS`7R~M6-RLxj<{}H0Rup
z76UI6(UBmaFJz4Q4gk|zg&ZCpUe?{+?RT;K5%h($){hZ!Q;UEfiD*fsuiOwPBj}G=
z$65hI#JyczT{nsX{jvT2I0H+}d_gI7BHd5W2wH19opYa374H$zj&TP6Yd#2=gxQ}B
zCnu=4M6_Z;0kzhHh`1&}m56A{gaR64E&;&d6zYOcNt=W$BjOt(>Z@+ANQgH8z|$sy
zYBs~nQYrPU@FejSk{rdKY!;3qawiepZ3vhkJIm$r4Mg<mY5JyM%x0gI#c{krO8L8C
z;FuK+G!XnBthDX(XGA;=0DhVI&dfLCI6f76Ez;N5H@~B!<0JsAV&>n>+#AR7)vWr3
zfJu(>qDFXwl6q_HT<6^T)OuR^?#%jyfLiN^h`6Ozq=XRjq?BLlMbQ}J_t-rd^%qDf
zzcjqeB)f?R%&FButtFzmT-8ND_3Pb4bZbn&k^i4T#I9OE=iH*6o}SP3MzG$ojhR;~
zrT)9QC=_C24Ef_>HG-L+D5ZRAQ1>y$WG(iYdwU^Z5@vsjIS&A{0Ki{p-V;I`2)Qlw
z^#=w9_A|3j!lwG)BgxS~9LKw)l>XHI-%}V^X~A0SI~Z!@YS`~e05A;zN_ijFFfcEi
b&3gYAt|3`bYVyU{00000NkvXXu0mjfq364k

diff --git a/static/image/tabbar/category-a.png b/static/image/tabbar/category-a.png
index 6dd7bc6cdd2f18492ee0283c2a0063111728bc6c..089a35c36cab80d097d3d51f8bc962ed746bae05 100644
GIT binary patch
literal 1623
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
VgAjReyW#)<002ovPDHLkV1heB0M`Hj

literal 1139
zcmV-(1dRKMP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px(ElET{R9Hvtm|tidRTRd5=gzc52_`8mDERL|5K$peg9cMrX+eCjoox*$3I=>I
zLP{$t?Sn-h1PdZYR4iDb1$|1J+3Nb|A!>>W1%vnys1Fre|3JXVZnY0_cV@2M$&PMk
zXLe_@5>m*#?an>-eD}NeeCL}htno+II6l?^cDqBV4AzT`Si&<pU<6@vEKya%Jeqgy
z633E2)OK>0ZE--u2yks|%q0^qa9mY5DzkWL3rPg%JM2ezEz9Z!PDq7Env-}AV<Nl*
z*q!DO&5TreAPr;-z`8?0314)Y__Ft!Lsp5G%zxTpFc7}U0xp^((7d{##Is2`TL5|v
zGa_uy1rQchh3gCpUXk|%9?coQr1}_;V=TqvS^)Y*DnNhE1Sq&uT;}~E=YgA68lMHA
z&O5mouQc~biP<gy7R2TBS_ZgXTs~h1*u@rSX0V<|BBCu(K11>Wb1Mbt*V($U%(q##
zcn;W_vrs%`Gayr3TA@rC71%5;zh?nB4!oTc;QN-#V<yJi%|oJ@$`h~QGuvfHCZW~^
zY`>qf2=`}6BEmVb*d|jfMC0>_wZMXChNTqhXUmh=iw(%2pTh`G0=+3fJv1lP2KG0D
z3)`KE9|&95fp(&=;glsz$TYvCk<r!<>M?rwgFym%E}K9w;O3=7wH?a_DAzEEN?hc3
zo#M^hSFT|VU5R2J%YLxMHVMoHaNKq&r?IFV`U7EHYxan62hfA&9Kx)E*G=#4bj}kQ
z%;V?&F{4K;m#5;1>buyXR9MYv#=}E6Y)x~h9mp1dwcXrfX}-)Q)|$Omi8rG}4RD`i
znM1={w#!83BJqlp1a@_zKK6dma@i7AutUEV&gzEEH!>6iJZDuY8^36dj<0xLG<%{s
zG(4DgRQ^9dsJKl|^1WZ=An<Znfkq?i49kZs#uw~697T8{9H*I6C5AHTpkJgbKj=A}
z5#jETO<~lY=0sBBMgjdC>8z@;Nj?hAa!k=;e{>7bFY+5Ke+8;Ou1d1;QA*F@)2L%b
zj(jx${u!}ix$Skf`Mj?tK%;H9hYZ3tarr87iwoF#fFCtnZ{GhU+;DY5%S$SfmH9zo
zSf)AS7nub1H4cC3H?Qw7f$&BH`~}P9=B!2XF9SKG##5Rtrnl;y+!9!vjWjU)u(#P8
z8H$Dx8E;$+EO#i)(^e^5Sj*GOV2)dbCLKFvyExHrzZg21SDLadnbwGANehEf5iMim
zYpX&b^UZ>BF#bhm1n$kkVCd(Bp}1x89bQCuq1_xBPFpq)$L(5kOtK#wr8lTEiST&4
zb`>VjjHQ`P?NIRHVB@Bu*>L=TW>Qr-((d9YJjZQUI7%ONZuNvsv2hpeIzLI7U$d~R
zN9m=;jR+g5u^=D+=e|3|U%7s;)5=!s{W^o)GQH**{2RKkj5wn`MN<F(002ovPDHLk
FV1hn_4VC}^

diff --git a/static/image/tabbar/category.png b/static/image/tabbar/category.png
index f667e88743ad0b080fbc1a75da7bc8ff0e689a1b..c5eac771fb1c907d171bbdc186c086e53a526f1e 100644
GIT binary patch
literal 475
zcmV<10VMv3P)<h;3K|Lk000e1NJLTq0012T000~a1^@s6ozJwY00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0dPq~K~#7F?Nv)o
zgg_82nh9aa4P<WM4b&re16ToJp*PSQI4cM{=OoSz)Dy@NdPxESUz47wO*i8-uEu#u
zQKUbw=&n}<(HW-(M;$23GGvUs&_Xzl!-rwmBuTPW=a@Rs_kAE=Ls&qTK)?|0xhRTz
zb<WXkkf(hW@1Eza<2dGYB<47nZbO!3wfIU{&@{~@SzwNXnKt2?-^T@vU63VA9LAuo
z>s|>DLDXak6USUmM+HNDYqG!`$I7r+2tX*8S5@^vb_k?J>ck|dC>aE;X+gP2h&p{t
z({xM!7LI8GxfGq`j+O>MJ8auF&hz|jKeo~>gqR|@Cm5GzgHcGxD~CpYaA<>K(F0r!
zQQgSSax|psxsGGf9B|5OxDa2svkiENL)Vc)@jxziWRGx;Ll?A`-m206hGP=c_kE!<
zk@!e-C$hjH4sFTEa`_YW!s@Q;Zoij|_Ai45y@Bdt`no0?@cn+ZWX?D}d;;zdotfI7
R$`$|s002ovPDHLkV1i@Z#Z~|S

literal 1183
zcmV;Q1YrA#P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px(SxH1eR9HvtSY3!5MG&s)o|6ax&yawEKQDra3J3AfU;@`SJ$vVIqM(AJU_ikL
z1|vrFK~X_4AYwqpfDsh*$p{7xl<i(SL4|;a1UxVgilPP%JW(+Z%iZ*pTg%L`*`3*)
z+12A7u3r{*x~jhV>8h_AVUsW1<oI9<;HViYjG!@QFCsn-0DA#oXP2SB0AL9b-wVU=
z{X7u$di@q5#IvdV6<vES0Khqx7eX9YO2tKv<N|Co8i$DJjgsD<kWxO-X{6C;>?fjk
z0U#)$!%8XdC<567&=@m?h^~a<^({p7LKH=>@E^{(3Ge+kCBbDnUe{V5&a;^Z&>~`3
z1t0*dNGY%6C|GMh1b_!C$~UEymn)^3-Eutut+jswz<5Oi;Jv?jW@cu|TKh8qTsy3M
z8Guw(IqxST6-CjhVF3yurlzN-Pj6a)TvlNiez65`*c4ZZ;9A8N(auVeB$KsTZE;wD
zaUAcSot^!*Oo|r)V0XoX5~pqALTdsI)27(mPObGH0|7P~jRQpVPDOwpX{{e(8Efsm
z0Pt}Yc_L~=QKU;XYUf-K$MFIp&Xh5Nh(8D+_9>;7v;9??H6ktxA@(SxxPSJn+*!;Z
zz4u1|;4uK$UI3H_{3lY%L!IE#amP*`MnonH{hI#CR6Z9R>*~t~opambIGzB2ZCxPa
zAPAO}Qp{=!7dyJPwl;x?Jx&HeaCVUVK!9aZ{D1E$j9|T9pO8{Mnew?F+C)Tr+CR`*
zFBE}v&W*=$d;k&e0f3u06I`<ZaLRlCcCA)BJIKKzKKN*Qk_YlRL_8LT;p5$gthIb9
z`7{^RV2p@Igb*)RBCN)k+ge@y%PP$p5f6r8_*Ta$W^kXC(NW}JrYnyReu{{94GMkN
z_Z6-6uJi<tCrR=>5w&SPr<91Eky0*jq_}ht@%c3EnVLI`O65P}gHp;Hlv3x6G0!35
zs~Nbo$F1a)z;OV0B>jI;Ydu-24_a$S;)BMRGl+O=YV1C(^@%*ge1N?7zh-^5*=+8Z
zpPy&4e9_8_;79<iwZCV#Kq=*=c{Dyl(5m;(vx${4@{IuaPZkxeb>Bf?j9IVujRd&V
zYA-i(Bw8e3UyB5MRgmH!Ns^z4=qmocy1IJx+}zx6Wg<8fA0(nZQ52oA)*b}_Zt%Pc
z@4UvCClK+?bl-WcbsK0Ifa?*c&}x_u?&8_%oV(6@|6RxY=8OHoj8LR(iKh!c473LU
zB0d#{Av-o0V8vI3OyNnb_1zuC&rIgE4r_eh<<ZE$Og`41Qi$m5APA;PzbvE-hFS6L
zWg?jJxk;teMfGEhc?l6;?5Cr3RXrU9!TsHIty89m4{rC~bI2d=H?C3x`-{jXKclpw
z#*Ld_Dmv%-kBE3w2yv|69B!w-pNGbn%Y+cu6VZ;YeSah3FJTy-FB4_w96NkXk|dXm
xjg2k$i`c+JQpVs$?%8@_9W~lp5gavw{{kVt4oB2uoB99%002ovPDHLkV1iIwBAEaH

diff --git a/static/image/tabbar/center-a.png b/static/image/tabbar/center-a.png
index 61df5ef804774a7bf790fe10159a9c1af18433ae..ff086eb8031c06ddba857709019529cf4c8b37ec 100644
GIT binary patch
literal 2015
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

literal 915
zcmV;E18n?>P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px&O-V#SR9Hvtm`!NaXcUH@lVs`-!qmlp3l|Cs4k)_l!i`X&3lVD*bYYPJ1;G*N
zLQoixVHi{fQK&lwg}QK2QJbrXKPc$Jor1~~L~tRDFkJ|}V8Lmd<T$zZmUvrlPSUG&
zVYYeCInVcgIXU?veB+mV<9vJvoa+vKcW_=E)J{BpWJluQqijT2F$MHSlqVuwWt403
zkpIepmfqs1hn?ck4=m3qKB6&)yc-Obfh+|W2b=;97c6+r8KqAi5*3Ln3|JDb&UDTV
zIq<~*BOhOcut<SMt;X~g*>1CgX+tFKyg*nr7eHXd8D*ulam;|NaId~FRetd*T(T_G
z3>f<iAndUuHE0IikY0n%K8urpzZKS6k{UFx-H??AogFX^_!n4aNovu!p{=%kiv#{K
zyp%0$HBHL_6Q9Q_beIX6358eg5UVY@ia2=o|5wDXmZSzv>zib<hc3tAUbeU>_Y>iz
zz`@y|RJn{03GB|^SLpRZ+iW&Fm=;I^o+@mZE|ze_z0T?M!@+SlTE8dCtHj}?H^ha=
zXO9R2^_cXYRQcIDlM4Y(xp*7!rXiK%PL&hsWYA6)@)Mq1VXXEkwv_z|oXP4Hy1kH_
zhR2{LDFm1X!~wqne>D^s0V=>S2@x)9N!XV8KCH`6x?wHed=&=FKpy+V$^4Rq;YvAJ
z=TM(c75YDUCTD?6pSf7*`yu2`{u*W~N;#NKQ+qC5dPM2akCVm|c&o}Yh3jsWo7RSy
zZ2@xzEaOU%m_mSKTUplD#x57urwuXgaCz|%Z<-a%#>DV^VuHaXw@91HbeRCtB8wLA
z2e7Z9F(Q;p;|{+!f;NqT3-8DI(*l|cIQ61UPjBr_mYg0dE3tCd5hg|HLf8c?Y!Xvd
z<&an5Vlyj03#dNr3Ii(mroAXB5~U)rS1MG^O)}oi8qXu081;jA$@1o~*Aa9t2pMjS
znBm~Wb~;>_2fz|@`ql`?;+V~CH+YgwHv=#UxUI0IH8qQ65qRW;Y-$P^2fUjH_okVg
zQ5I#7q%$0h111a3*kU&2sB;06fCmblEv;%yCNS)TtZTZ(+RYmEIIsDCt&C-DGJ%mO
prZ2ZiZ0Ww9DtD56J(SrieE<w<`zaAQ3cUaT002ovPDHLkV1nDBn%w{Z

diff --git a/static/image/tabbar/center.png b/static/image/tabbar/center.png
index 74f685ccc7b5e5cc371135d970b010cd305cb09b..364298d8c778d47ab66218068c2ee708c3e5708f 100644
GIT binary patch
literal 945
zcmV;i15W&jP)<h;3K|Lk000e1NJLTq0012T000~a1^@s6ozJwY00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH14c<iK~#7F#a3HR
z8c`TNAR2v8M_qulT>z$C0ERBWw26<_1aEKJx&RC=K;olvNiB~&u>m6+XqW{w88!gJ
z0|COV-#7h-z;L)s)7U>boWq&_{NH~+ComWcg6b715D4^N70{*7qKx@`ez)CjAN2eE
zJ$T1}#s;>nU@%z5o_T(LURqREV4iz(xm>i{?cQJ+RkO(og+j@AJpN-A6Wu!%v`{D*
z)oL{brZ2+$0^Z`<+FEgSb+vwYcxY#{*$Au*WB&jw$1XT{Vn;_u6<?sRE)46QvD_7~
z+j;JjGYJ8=mzI`dCnqQ7LZGy;R;&FK!27eavuovp9v>gCFx?Rt7QgpetOdoP6sAjz
zB&@rgB9!iAB9$RH=@p#GWRBtX9G2GB*477xVia@?kS-EHYYJdWtYA{@VjMS{&1ZUN
zl<)NP^od@=G7PU>dgY9PN=!&`FC(*96f&Xx4wTxNCD<?wDoqQoyh;s0<pYzTtV<fW
zD<X5!b(aWM2+^LGpFF5xD#aX$XhCh;cIps}PfA0*Uav0ShXUYQx|ngYb!Wg^lJ5tj
z`@@a|ZCy)Doq+A_?IJX$@EgQ7ES=~pzo9(tb!XPs*G-(E%<z~p?n2rc1!%RVyI6Zz
zGE<qIOsY+Qf78{Ydj^vY*^z0MI-n~nD_T&J2!G3@g1Zq?qcmC$GsxD0f-L?t8jU@%
zW`fxCIWI3STNtX<YHea~(`}1NPlh+<Lr{D$VXd1eMR#A?8w;KLhE6IHiZxt9!~Z_o
z@TJU1rWTa0V$ebR7)~ijXSow?%b3ebPi*@8P%irL@bKp1;v&gS{C6$^gkr1&$J!vY
zWs|3NF=$=Ep<n7xJU%bj@SRHn;~M9S@_&G{?}mWhHpu%>mML+mS_F^;xAH!XiIRy<
zr^7p#mqyadJJImd>GU1;u0*RB+%g}P4?;*12+587wMMNJnUilMX>CsS0=%Mp5&-M6
z<kc3_@yxx%)tr}rOL7m>LN<SYm$*j=GuM5FI3)pob7Nz}QGj)d!McuOpL{GS6H0#a
z{ao=_&F+(6NvPRmF=>zkfB!JkfQONhQE480kkzrS(Q^D>_zCI@^k30`d*S~E<ZSI}
T9cd&500000NkvXXu0mjf2Lr4p

literal 937
zcmV;a16KTrP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px&V@X6oR9Hvtm@#M+Q4ogzdAk7x3rj%@1&crg3oR@JeeBz$F_^+4qN0MJqJpA=
zji{)o7|=3BK#LR!C<+Ri>^ruyvrsT-6G$PL!a~qOaCgTWxrFtS%f5GKqJ>i(_x?BY
z-MpQdw@3KLjs9^y{0Hpxg#KsnuVye!(=gBTeE{|X*a2W;1Lz}w*F{l0?&|7#q_zIu
zE@<0FY^@crdjK|61fK<P&KNV+4rE(^wOZ{iGhgrtNJPU*sWV#Z%xj;IShUvKApqxn
z_laI0qbNG*v)3zw*4jM)p7{h=M7!VTxSau|Ac~@R&&-=U0VJYXrPL<Z!f^())(!x8
z(g|E??;&H%sEaQjz=r@1yEv`VF!SR$j-?A!nh)SR06mo+-2^knm`yHHAHYul*10%!
z(HLW#VmpZ%?M0@;dY9lXn&kj|U2ielT!K4jrt3xG)D3(xI1J#pL-0xoGmpn{JXk4|
z=I$bD9I*kAl=aM9BccxgPPOne4nRiRfu?omX6+2vfP7Q$g<I!>G4sVZj)xjO@@i>q
znuu;kQ8ZGk)s8UpgA(9$5Cq+>GuanVviJf(Sc1G6hT#pF3~8FKk~OXMH<>(HmYpCX
zx$(^F0rVSVp1Yo$7oa#zlH?K*-D(OjOGHnLqL^alEC_-gW|p}<cR!qy-!aBqa)lF}
zH(&|!dQ)bq;(Eii4cLI(O+@$0&twb2X#i(^j<xKktqhhOSZn3E9AM_{_4}So8hPG6
z*T0j3dKv`5bJv1c><4xXSaq(Qu6qHdX}T`UvO%TPRw;-u49B$AG6Gv#)1J4DJ@TI7
zWKMt*q$r9j%zUh=Fft+<RZ3lM2CdjLqLjL(wXOuM1Z*@~>1At|_{jqLD9`f=rIdW$
z#mol*NMCGaUx?^j6h(5+Y-ue4(==V1=ebM(xk)dlNg*B8T7Pjal8K3l?l25rFmrRG
zT^3Lxn#r=Pzpt-PF2%puf(%YhPHtC9r2y6}3r%aM--@Epy}iA1t(&(6fJu_PB%;0*
zhWizcnP0_mymLuFYwg#+kiB`PAP82MUr85a&|3S$bH@JBWLE+vNn(j8`lC_ZolO~I
zwk&zXX_|ItSvEpMRsUMKhjmag^DHx;t}GG<Un?r9oFpqsvq-R?`gKD%iKC&X00000
LNkvXXu0mjf`bn#|

diff --git a/static/image/tabbar/home-a.png b/static/image/tabbar/home-a.png
index 5388253379aa1006d53a88886452b7eee8cefb48..741f4ebfb6b2ddf18cdc3f17887ae97169d84648 100644
GIT binary patch
delta 1625
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
X1x;*p=Fy*|00000NkvXXu0mjf5E35Y

literal 2280
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
C)>SJ2

diff --git a/static/image/tabbar/order-a.png b/static/image/tabbar/order-a.png
deleted file mode 100644
index 619209369cf27149ee5159f199fb033c154726fa..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 691
zcmV;k0!;mhP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px%ZAnByR9Hvtn6YaVK@^9-H@gQZ0$QZ7FkoR&vC%?E5wNka@W@>xoniz75iJxf
zEaM*_1{4&uxIh{~?>3S`u`q>&g@uKnMG6bWfQ1pRka#;Id-3q%?Pe!Cw-PQl-Lk(o
z@7v$Z+ns&F4j;0^`N#|ymY74h0{96J*#IhDjcFGXG69+*L)zz?O=2YsOO?+y+Bi)t
zU<43)oDs!=R**KlDb#o#U7INe^bfuQds7nEm0?%{)|zn>jB3p()Q0Ouv*N*0>%JA>
zdWmD6@G3633OOOqc-x%3%$SCAz(6ddp`l<w0+yTlvmDl%4>8&`4aGu@*H(ayGJ(K&
zLeg7az-*S~3QJr=xRU_!Nxm~8%S8Kj)96^@u-x2RLkSRd4U?^<wgp|EVAM0b1O}60
z+E=Gt69;H460ZV3Ep(A2+Hd>Qw8n7W4_L5q&;~Fq-?r}?;i6xq(g)nOb$<eOg@f~I
z4>MA+E{+Z}!!k3#{WzDq;oxPj#)GU&nDVlw8-T0G#;49<jA1yKmxB&m>7m_lFg=Td
zVpjmxfko*2pxYWJaMJMi2-hCx?x1kpt1@Q`6I%$$M=tj&)`r`KfEzA=jd3oC;$gpv
zU0h6xb>D+|P_@n3`+!QAmMV|38fhjO)D7+d7jh{QWjHPY@3I0$arvHRgcS^rk&G{D
z)BHV++}oFngD%e5#P)uX*tp=L=_v<)ZP8M5F=@+K14X~a(!Zj(&cb`(Xl^746D!3L
zdCJFhz!Fyx?*30eV|d{QoQ}&G+aC<e+{7@2a42WcFTfLJm`&;tX6mr!483XkKA@}H
ZzX2Bj5;)DuRo(yq002ovPDHLkV1m+uH%I^g

diff --git a/static/image/tabbar/order.png b/static/image/tabbar/order.png
deleted file mode 100644
index df9eeb8648ce98303e381f448d1809f22e920b46..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 736
zcmV<60w4W}P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px%nn^@KR9Hvtn7?ZjK@`W|+wmYp3X2pL3KohH8!ZHjfDAjcXJN3iQ&cc;qJ@Hm
zW&8s~K|w)_1kwl=3MstZ9oE9a!oot(B87#bV3Q(+aG81Dgu9p@v&q~}Rsy-{?)LlU
zefIn2*ABuiZ@A0(pfX^d=Z^s3CIIX!dC6r&oQdOjD#V0JfJIS^X{~?zBxZ~q;+%i?
z(YiEFKnu|6bk27jINT3H#1BG<xAu2Y6eC*ep8&9bo5V{!z(uRevg`~1h`#GYw9sfY
z<~ipp&%FTCG(8zbQQ=B%j5(bo$;V!@2}HaE03&53CZahh<-6WXjccvHIJApIG%2Ng
z?**7;*=t0+;1UzjeJSO1m2xSiZWGZ%Cj{cRD2k49&X+en-&Eo}&+XV6D}h)7fQ$W7
z`-0liB4P#rqh&E`tFu<)0wj;bzYy_{hYpCy&hmpE+RH+SIUfgo06p>zCPBn&aU9PK
z0SEK#pL$O?ILjDoan8Lahs#N&REvn7mMk@4W6&6LBT15HRZD2&+U@o@W6ZT!!%mdg
zE-fotT|k@Y?k-1aaWDYND|9Cu^h#7!v?l=VKKup%Hf`v>t|8)CB3eDdt=n@$cM>AH
zBc-&b=*q3`S^Pi<aknxZ04Sxd6VdbGEDmw8EOt-K;yR35?K9XxM4XD__(fI9q9{hS
z)=vQ7N-dMb7;`E~l226uZCskBttg7>In8uGF&B(6FRL!ph-g1gt$PP*aWKR=pV;6r
z=#wNwGXxBA&&CeoU}uXfwNQ?&;wOa=^BV=On}yE+aH38USKnIe<IQIC>$ZSOsar(!
z_<sTtQCmuR&bj=!{>-xM9wJ@^fMYd-{s4eijIrsmJHkpgtTjWg>wX9r>h@osp+`8M
S?SxDK0000<MNUMnLSTZqaZDrt

diff --git a/uni.scss b/uni.scss
index 93f8838..8879090 100644
--- a/uni.scss
+++ b/uni.scss
@@ -12,7 +12,7 @@
  * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
  */
 /* 颜色变量 */
-$uni-color: #0001ff;
+$uni-color: #0A2463;
 
 /* 行为相关颜色 */
 $uni-color-primary: #007aff;