From f6bff8dbc5bfda08c21dfe2a14ecf62b62dc5230 Mon Sep 17 00:00:00 2001
From: ovo <Guwan@ovo>
Date: Wed, 18 Dec 2024 17:43:00 +0800
Subject: [PATCH] =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=97=A0=E7=94=A8=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 miniprogram/pages/index/index.wxml |  70 +-----
 miniprogram/pages/index/index.wxss | 336 +++--------------------------
 2 files changed, 41 insertions(+), 365 deletions(-)

diff --git a/miniprogram/pages/index/index.wxml b/miniprogram/pages/index/index.wxml
index 535e566..fd36b09 100644
--- a/miniprogram/pages/index/index.wxml
+++ b/miniprogram/pages/index/index.wxml
@@ -4,22 +4,10 @@
     <!-- 顶部标题栏 -->
     <view class="header">
       <text class="title">阅读管理</text>
-      <view class="settings" bindtap="goToSettings">设置</view>
     </view>
 
-    <!-- 搜索框 -->
-    <view class="search-box">
-      <icon type="search" size="16" color="#999"/>
-      <input class="search-input" placeholder="搜索" placeholder-class="search-placeholder"/>
-    </view>
-
-    <!-- 用户信息栏 -->
-    <view class="user-bar">
-      <text class="status-text">体验卡已过期</text>
-    </view>
-
-    <!-- 书架预览 -->
-    <scroll-view class="book-list" scroll-x enable-flex>
+    <!-- 书籍列表 -->
+    <view class="book-list">
       <view class="book-item" 
             wx:for="{{recentBooks}}" 
             wx:key="id"
@@ -27,54 +15,16 @@
             data-id="{{item.id}}"
             data-url="{{item.bookUrl}}">
         <image class="book-cover" src="{{item.coverUrl}}" mode="aspectFill"/>
-      </view>
-      <view class="book-more" bindtap="goToBookshelf">
-        <text>书架</text>
-        <text class="arrow">></text>
-      </view>
-    </scroll-view>
-
-    <!-- 导航标签 -->
-    <scroll-view class="nav-tabs" scroll-x enable-flex>
-      <view class="tab {{currentTab === 'recommend' ? 'active' : ''}}" 
-            data-tab="recommend" 
-            bindtap="switchTab">推荐</view>
-      <view class="tab {{currentTab === 'category' ? 'active' : ''}}" 
-            data-tab="category" 
-            bindtap="switchTab">分类</view>
-      <view class="tab {{currentTab === 'rank' ? 'active' : ''}}" 
-            data-tab="rank" 
-            bindtap="switchTab">排行</view>
-      <view class="tab {{currentTab === 'novel' ? 'active' : ''}}" 
-            data-tab="novel" 
-            bindtap="switchTab">精品小说</view>
-      <view class="tab {{currentTab === 'literature' ? 'active' : ''}}" 
-            data-tab="literature" 
-            bindtap="switchTab">文学</view>
-    </scroll-view>
-
-    <!-- 内容区域 -->
-    <view class="content">
-      <!-- 推荐列表 -->
-      <view class="book-list" wx:if="{{currentTab === 'recommend'}}">
-        <view class="book-item" 
-              wx:for="{{recommendBooks}}" 
-              wx:key="id"
-              bindtap="openBook"
-              data-id="{{item.id}}"
-              data-url="{{item.bookUrl}}">
-          <image class="book-cover" src="{{item.coverUrl}}" mode="aspectFill"/>
-          <view class="book-info">
-            <text class="book-title">{{item.title}}</text>
-            <view class="book-meta">
-              <text class="book-author">{{item.author}}</text>
-              <text class="book-rating">推荐值 {{item.rating}}%</text>
-            </view>
-            <text class="book-desc">{{item.description}}</text>
-            <text class="book-status">{{item.status}}</text>
-          </view>
+        <view class="book-info">
+          <text class="book-title">{{item.title}}</text>
+          <text class="book-author">{{item.author}}</text>
         </view>
       </view>
     </view>
+
+    <!-- 添加按钮 -->
+    <view class="add-btn" bindtap="goToBookshelf">
+      <text class="add-icon">+</text>
+    </view>
   </view>
 </scroll-view>
diff --git a/miniprogram/pages/index/index.wxss b/miniprogram/pages/index/index.wxss
index c0c7ce0..f17acac 100644
--- a/miniprogram/pages/index/index.wxss
+++ b/miniprogram/pages/index/index.wxss
@@ -1,206 +1,41 @@
 /**index.wxss**/
 page {
-  height: 100vh;
-  display: flex;
-  flex-direction: column;
-}
-.scrollarea {
-  flex: 1;
-  overflow-y: hidden;
-}
-
-.userinfo {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  color: #aaa;
-  width: 80%;
-}
-
-.userinfo-avatar {
-  overflow: hidden;
-  width: 128rpx;
-  height: 128rpx;
-  margin: 20rpx;
-  border-radius: 50%;
-}
-
-.usermotto {
-  margin-top: 200px;
-}
-
-.avatar-wrapper {
-  padding: 0;
-  width: 56px !important;
-  border-radius: 8px;
-  margin-top: 40px;
-  margin-bottom: 40px;
-}
-
-.avatar {
-  display: block;
-  width: 56px;
-  height: 56px;
-}
-
-.nickname-wrapper {
-  display: flex;
-  width: 100%;
-  padding: 16px;
-  box-sizing: border-box;
-  border-top: .5px solid rgba(0, 0, 0, 0.1);
-  border-bottom: .5px solid rgba(0, 0, 0, 0.1);
-  color: black;
-}
-
-.nickname-label {
-  width: 105px;
-}
-
-.nickname-input {
-  flex: 1;
-}
-
-.container {
-  min-height: 100vh;
   background: #f7f8fa;
 }
 
-/* 顶部标题栏 */
+.container {
+  padding: 0 0 100rpx;
+}
+
+/* 顶部标题 */
 .header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
   padding: 20rpx 30rpx;
   background: #fff;
 }
 
 .title {
-  font-size: 36rpx;
+  font-size: 34rpx;
   font-weight: bold;
   color: #333;
 }
 
-.settings {
-  font-size: 28rpx;
-  color: #666;
-}
-
-/* 搜索框 */
-.search-box {
-  margin: 20rpx 30rpx;
-  display: flex;
-  align-items: center;
-  background: #f2f3f5;
-  padding: 16rpx 24rpx;
-  border-radius: 32rpx;
-}
-
-.search-input {
-  flex: 1;
-  margin-left: 16rpx;
-  font-size: 28rpx;
-}
-
-.search-placeholder {
-  color: #999;
-}
-
-/* 用户信息栏 */
-.user-bar {
-  padding: 20rpx 30rpx;
-  background: #fff;
-}
-
-.status-text {
-  font-size: 32rpx;
-  color: #333;
-}
-
-/* 书架预览 */
+/* 书籍列表 */
 .book-list {
-  padding: 20rpx 30rpx;
-  white-space: nowrap;
-  background: #fff;
-  margin-top: 20rpx;
+  padding: 20rpx;
 }
 
 .book-item {
-  display: inline-block;
-  margin-right: 20rpx;
-}
-
-.book-cover {
-  width: 180rpx;
-  height: 240rpx;
-  border-radius: 8rpx;
-  box-shadow: 0 4rpx 8rpx rgba(0,0,0,0.1);
-}
-
-.book-more {
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  width: 180rpx;
-  height: 240rpx;
-  background: #f7f8fa;
-  border-radius: 8rpx;
-  color: #666;
-  font-size: 28rpx;
-}
-
-.arrow {
-  margin-top: 10rpx;
-  color: #999;
-}
-
-/* 导航标签 */
-.nav-tabs {
-  display: flex;
-  white-space: nowrap;
-  background: #fff;
-  padding: 0 20rpx;
-  margin-top: 20rpx;
-}
-
-.tab {
-  display: inline-block;
-  padding: 20rpx 30rpx;
-  font-size: 30rpx;
-  color: #666;
-  position: relative;
-}
-
-.tab.active {
-  color: #333;
-  font-weight: bold;
-}
-
-.tab.active::after {
-  content: '';
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-  width: 40rpx;
-  height: 6rpx;
-  background: #333;
-  border-radius: 3rpx;
-}
-
-/* 内容区域 */
-.content .book-item {
   display: flex;
   padding: 20rpx;
   background: #fff;
-  margin-bottom: 20rpx;
   border-radius: 12rpx;
+  margin-bottom: 20rpx;
 }
 
-.content .book-cover {
-  width: 160rpx;
-  height: 220rpx;
+.book-cover {
+  width: 120rpx;
+  height: 160rpx;
+  border-radius: 8rpx;
   margin-right: 20rpx;
 }
 
@@ -209,15 +44,11 @@ page {
 }
 
 .book-title {
-  font-size: 32rpx;
+  font-size: 30rpx;
+  font-weight: 500;
   color: #333;
-  margin-bottom: 10rpx;
-}
-
-.book-meta {
-  display: flex;
-  justify-content: space-between;
-  margin-bottom: 10rpx;
+  margin-bottom: 8rpx;
+  display: block;
 }
 
 .book-author {
@@ -225,127 +56,22 @@ page {
   color: #666;
 }
 
-.book-rating {
-  font-size: 26rpx;
-  color: #ff9500;
-}
-
-.book-desc {
-  font-size: 26rpx;
-  color: #999;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  margin-bottom: 10rpx;
-}
-
-.book-status {
-  font-size: 24rpx;
-  color: #1989fa;
-}
-
-.today-stats {
+/* 添加按钮 */
+.add-btn {
+  position: fixed;
+  right: 40rpx;
+  bottom: 40rpx;
+  width: 100rpx;
+  height: 100rpx;
+  background: #1989fa;
+  border-radius: 50%;
   display: flex;
-  justify-content: space-around;
-  padding: 30rpx;
-  background: #fff;
-  border-radius: 12rpx;
-  margin-bottom: 30rpx;
-  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
-}
-
-.stat-item {
-  display: flex;
-  flex-direction: column;
   align-items: center;
+  justify-content: center;
+  box-shadow: 0 4rpx 16rpx rgba(25, 137, 250, 0.3);
 }
 
-.stat-value {
-  font-size: 40rpx;
-  font-weight: bold;
-  color: #1989fa;
-}
-
-.stat-label {
-  font-size: 24rpx;
-  color: #666;
-  margin-top: 10rpx;
-}
-
-.section {
-  background: #fff;
-  border-radius: 12rpx;
-  padding: 30rpx;
-  margin-bottom: 30rpx;
-  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
-}
-
-.section-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 20rpx;
-}
-
-.section-title {
-  font-size: 32rpx;
-  font-weight: bold;
-}
-
-.more {
-  font-size: 24rpx;
-  color: #1989fa;
-}
-
-.note-list {
-  margin-top: 20rpx;
-}
-
-.note-item {
-  padding: 20rpx 0;
-  border-bottom: 1rpx solid #eee;
-}
-
-.note-title {
-  font-size: 28rpx;
-  font-weight: bold;
-  color: #333;
-}
-
-.note-content {
-  font-size: 24rpx;
-  color: #666;
-  margin: 10rpx 0;
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-}
-
-.note-time {
-  font-size: 24rpx;
-  color: #999;
-}
-
-.reading-goal {
-  background: #fff;
-  border-radius: 12rpx;
-  padding: 30rpx;
-  box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.1);
-}
-
-.goal-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  margin-bottom: 20rpx;
-  display: block;
-}
-
-.goal-text {
-  font-size: 24rpx;
-  color: #666;
-  margin-top: 10rpx;
-  display: block;
-  text-align: center;
+.add-icon {
+  color: #fff;
+  font-size: 60rpx;
 }