From ac591d924a130585fe437ddbf47e994cb49650b5 Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Mon, 28 Jul 2025 13:17:40 +0800
Subject: [PATCH] =?UTF-8?q?fix(bookshelf):=20=E4=BF=AE=E5=A4=8D=E5=B0=8F?=
 =?UTF-8?q?=E8=AF=B4=E5=88=97=E8=A1=A8=E6=B8=B2=E6=9F=93=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E7=BD=91=E6=A0=BC=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将v-for循环的list改为row以正确渲染分页数据
- 移除novel-item的固定宽度样式，使用calc计算动态宽度
- 添加gap间距改善网格布局
---
 pages/index/bookshelf.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/pages/index/bookshelf.vue b/pages/index/bookshelf.vue
index 5818068..cc99088 100644
--- a/pages/index/bookshelf.vue
+++ b/pages/index/bookshelf.vue
@@ -18,14 +18,14 @@
 		<view class="novel-grid" v-if="activeTab === 'read' && !isEditMode">
 			<view class="novel-row" v-for="(row, rowIndex) in novelRows" :key="rowIndex">
 				<view class="novel-item" 
-					v-for="(novel, index) in list" 
+					v-for="(novel, index) in row" 
 					:key="novel.id"
 					@click="toNovelDetail(novel)"
 					@longpress="enterEditMode">
 					<novel-item 
 						:book="novel" 
 						horizontal="true"
-						:style="{ width: '220rpx' }">
+						>
 					</novel-item>
 					
 					<view class="novel-tag" v-if="novel.tag">{{novel.tag}}</view>
@@ -71,7 +71,7 @@
 		<view class="novel-grid edit-mode" v-if="activeTab === 'read' && isEditMode">
 			<view class="novel-row" v-for="(row, rowIndex) in novelRows" :key="rowIndex">
 				<view class="novel-item" 
-					v-for="(novel, index) in list" 
+					v-for="(novel, index) in row" 
 					:key="novel.id"
 					@click="toggleSelect(novel, 'novel')">
 					<view class="item-checkbox" v-if="selectedItems.includes(novel.id)">
@@ -87,7 +87,7 @@
 					<novel-item 
 						:book="novel" 
 						horizontal="true"
-						:style="{ width: '220rpx', opacity: selectedItems.includes(novel.id) ? '0.8' : '1' }">
+						:style="{  opacity: selectedItems.includes(novel.id) ? '0.8' : '1' }">
 					</novel-item>
 					
 					<view class="novel-tag" v-if="novel.tag">{{novel.tag}}</view>
@@ -521,9 +521,10 @@
 		.novel-row {
 			display: flex;
 			margin-bottom: 40rpx;
+            gap: 10rpx;
 			
 			.novel-item {
-				width: 33%;
+				width: calc((100% - 40rpx) / 3);
 				position: relative;
 				
 				.novel-tag {