From ec97966f05ecbab23c71e9cdf22d59aacf30b2ed Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Thu, 3 Jul 2025 15:45:18 +0800
Subject: [PATCH] =?UTF-8?q?feat(components):=20=E4=B8=BA=E4=B9=A6=E7=B1=8D?=
 =?UTF-8?q?=E9=A1=B9=E6=B7=BB=E5=8A=A0=E5=8E=9F=E5=88=9B=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E5=B9=B6=E7=BB=9F=E4=B8=80=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

重构书籍相关组件，为封面添加原创标签显示功能，统一标签样式和布局结构。同时将环境配置从本地切换为生产环境。
---
 components/novel/bookshelfItem.vue | 50 ++++++++++++++++++++++++++++++++++---
 components/novel/novelItem.vue     | 51 +++++++++++++++++++++++++++++++++++---
 components/novel/workItem.vue      |  3 ++-
 config.js                          |  2 +-
 4 files changed, 96 insertions(+), 10 deletions(-)

diff --git a/components/novel/bookshelfItem.vue b/components/novel/bookshelfItem.vue
index 5af1517..efc4ad9 100644
--- a/components/novel/bookshelfItem.vue
+++ b/components/novel/bookshelfItem.vue
@@ -1,7 +1,10 @@
 <template>
 	<view class="book-item" :class="{'horizontal': horizontal}" @click="$emit('click')">
-		<image class="book-cover" :src="book.image
-		&& book.image.split(',')[0]" mode="aspectFill"></image>
+		<view class="cover-wrapper">
+			<image class="book-cover" :src="book.image
+			&& book.image.split(',')[0]" mode="aspectFill"></image>
+			<view class="tag original" v-if="book.isOriginal == 'Y'">原创</view>
+		</view>
 		<view class="book-info">
 			<view class="book-title">{{book.name}}</view>
 			<view class="book-author" v-if="book.author && !horizontal">{{book.author}}</view>
@@ -75,12 +78,32 @@
 		border-bottom: none;
 	}
 	
-	.book-cover {
+	.cover-wrapper {
+		position: relative;
 		width: 160rpx;
 		height: 210rpx;
 		border-radius: 16rpx;
 		margin-right: 20rpx;
 		box-shadow: 0 4rpx 8rpx rgba(0,0,0,0.1);
+		
+		.book-cover {
+			width: 100%;
+			height: 100%;
+			border-radius: 16rpx;
+		}
+		
+		.tag {
+			position: absolute;
+			top: 0;
+			left: 0;
+			font-size: 20rpx;
+			color: #fff;
+			padding: 2rpx 8rpx;
+			
+			&.original {
+				background-color: #ffa502;
+			}
+		}
 	}
 	
 	.book-info {
@@ -161,11 +184,30 @@
 	padding: 10rpx;
 	border: none;
 	
-	.book-cover {
+	.cover-wrapper {
+		position: relative;
 		width: 100%;
 		height: 300rpx;
 		margin-right: 0;
 		margin-bottom: 10rpx;
+		
+		.book-cover {
+			width: 100%;
+			height: 100%;
+		}
+		
+		.tag {
+			position: absolute;
+			top: 0;
+			left: 0;
+			font-size: 20rpx;
+			color: #fff;
+			padding: 2rpx 8rpx;
+			
+			&.original {
+				background-color: #ffa502;
+			}
+		}
 	}
 	
 	.book-info {
diff --git a/components/novel/novelItem.vue b/components/novel/novelItem.vue
index e07a066..6a9104f 100644
--- a/components/novel/novelItem.vue
+++ b/components/novel/novelItem.vue
@@ -1,7 +1,10 @@
 <template>
 	<view class="book-item" :class="{'horizontal': horizontal}" @click="$emit('click')">
-		<image class="book-cover" :src="book.image
-		&& book.image.split(',')[0]" mode="aspectFill"></image>
+		<view class="cover-wrapper">
+			<image class="book-cover" :src="book.image
+			&& book.image.split(',')[0]" mode="aspectFill"></image>
+			<view class="tag original" v-if="book.isOriginal == 'Y'">原创</view>
+		</view>
 		<view class="book-info">
 			<view class="book-title">{{book.name}}</view>
 			<view class="book-author" v-if="!horizontal">{{book.author || '暂无作者昵称'}}</view>
@@ -76,7 +79,8 @@
 		border-bottom: none;
 	}
 	
-	.book-cover {
+	.cover-wrapper {
+		position: relative;
 		width: 150rpx;
 		height: 196rpx;
 		border-radius: 16rpx;
@@ -84,6 +88,25 @@
 		box-shadow: 0 4rpx 8rpx rgba(0,0,0,0.1);
 	}
 	
+	.book-cover {
+		width: 100%;
+		height: 100%;
+		border-radius: 16rpx;
+	}
+	
+	.tag {
+		position: absolute;
+		top: 0;
+		left: 0;
+		font-size: 20rpx;
+		color: #fff;
+		padding: 2rpx 8rpx;
+		
+		&.original {
+			background-color: #ffa502;
+		}
+	}
+	
 	.book-info {
 		flex: 1;
 		display: flex;
@@ -150,11 +173,31 @@
 	padding: 10rpx;
 	border: none;
 	
-	.book-cover {
+	.cover-wrapper {
 		width: 100%;
 		height: 200rpx;
 		margin-right: 0;
 		margin-bottom: 10rpx;
+		position: relative;
+	}
+	
+	.book-cover {
+		width: 100%;
+		height: 100%;
+		border-radius: 16rpx;
+	}
+	
+	.tag {
+		position: absolute;
+		top: 0;
+		left: 0;
+		font-size: 20rpx;
+		color: #fff;
+		padding: 2rpx 8rpx;
+		
+		&.original {
+			background-color: #ffa502;
+		}
 	}
 	
 	.book-info {
diff --git a/components/novel/workItem.vue b/components/novel/workItem.vue
index 64fd837..d4e6966 100644
--- a/components/novel/workItem.vue
+++ b/components/novel/workItem.vue
@@ -2,7 +2,7 @@
 	<view class="work-item" @click.stop="handleClick">
 		<view class="cover-wrapper">
 			<image class="cover" :src="work.image && work.image.split(',')[0]" mode="aspectFill"></image>
-			<view class="tag original" v-if="work.isOriginal">原创</view>
+			<view class="tag original" v-if="work.isOriginal == 'Y'">原创</view>
 		</view>
 
 		<view class="info">
@@ -152,6 +152,7 @@
 				font-size: 20rpx;
 				color: #fff;
 				padding: 2rpx 8rpx;
+				border-radius: 6rpx;
 				
 				&.original {
 					background-color: #ffa502;
diff --git a/config.js b/config.js
index 0b239b6..3f50244 100644
--- a/config.js
+++ b/config.js
@@ -8,7 +8,7 @@ import uvUI from '@/uni_modules/uv-ui-tools'
 Vue.use(uvUI);
 
 // 当前环境
-const type = 'local'
+const type = 'prod'
 
 
 // 环境配置