From 82b50285f9a82494321f45c73600eb77f477c12c Mon Sep 17 00:00:00 2001
From: yvan <8574526@qq.com>
Date: Thu, 14 Aug 2025 22:07:01 +0800
Subject: [PATCH] 1
---
manifest.json | 2 +-
pages/adoption/adoption.vue | 48 ++++++++--------
pages/review/review.vue | 107 +++++++++++++++++++++---------------
3 files changed, 87 insertions(+), 70 deletions(-)
diff --git a/manifest.json b/manifest.json
index 3ac46c4..ce7e886 100644
--- a/manifest.json
+++ b/manifest.json
@@ -50,7 +50,7 @@
"quickapp" : {},
/* 小程序特有相关 */
"mp-weixin" : {
- "appid" : "wxdf340fe2d9aff21d",
+ "appid" : "wx0f5dc17ba3f9fe31",
"setting" : {
"urlCheck" : false,
"minified" : false
diff --git a/pages/adoption/adoption.vue b/pages/adoption/adoption.vue
index 5e66252..bcc11a8 100644
--- a/pages/adoption/adoption.vue
+++ b/pages/adoption/adoption.vue
@@ -249,13 +249,11 @@
-
- {{ trait }}
-
+ >{{ trait }}
@@ -1194,7 +1192,7 @@ export default {
/* 头部搜索栏 */
.header-section {
background: transparent;
- padding: 24rpx 32rpx;
+ padding: 24rpx 20rpx;
.search-wrapper {
display: flex;
@@ -1289,7 +1287,7 @@ export default {
.filter-panel {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(20rpx);
- padding: 24rpx 32rpx;
+ padding: 24rpx 20rpx;
border-bottom: 1rpx solid rgba(255, 255, 255, 0.3);
position: relative;
z-index: 10;
@@ -1516,7 +1514,7 @@ export default {
/* 宠物列表区域 */
.pets-scroll {
height: calc(100vh - 100rpx);
- padding: 0 16rpx;
+ padding: 0 20rpx;
overflow-x: hidden;
width: 100%;
box-sizing: border-box;
@@ -1561,10 +1559,10 @@ export default {
.pet-image-container {
position: relative;
width: 100%;
- height: 200rpx;
+ height: 280rpx;
border-radius: 12rpx;
overflow: hidden;
- margin-bottom: 8rpx;
+ margin-bottom: 12rpx;
.pet-image {
width: 100%;
@@ -1611,15 +1609,16 @@ export default {
.pet-info {
.pet-basic {
- margin-bottom: 12rpx;
+ margin-bottom: 8rpx;
.pet-name {
- font-size: 26rpx;
+ font-size: 30rpx;
font-weight: bold;
color: #333333;
margin-bottom: 6rpx;
display: block;
line-height: 1.2;
+ padding: 6rpx 0;
}
.pet-tags {
@@ -1629,11 +1628,12 @@ export default {
.pet-type,
.pet-breed {
- background: rgba(255, 138, 128, 0.1);
+ background: rgba(255, 138, 128, 0.2);
border-radius: 8rpx;
padding: 2rpx 8rpx;
font-size: 18rpx;
- color: #FF8A80;
+ color: #E57373;
+ font-weight: 500;
}
}
}
@@ -1641,7 +1641,7 @@ export default {
.pet-details {
display: flex;
gap: 16rpx;
- margin-bottom: 12rpx;
+ margin-bottom: 8rpx;
flex-wrap: wrap;
.detail-item {
@@ -1662,19 +1662,17 @@ export default {
.pet-personality {
display: flex;
- flex-wrap: wrap;
gap: 6rpx;
- margin-bottom: 12rpx;
+ flex-wrap: wrap;
+ margin-bottom: 8rpx;
- .personality-tag {
- background: rgba(255, 138, 128, 0.05);
+ .personality-trait {
+ background: rgba(100, 181, 246, 0.15);
border-radius: 8rpx;
- padding: 4rpx 8rpx;
-
- .trait-text {
- font-size: 16rpx;
- color: #666666;
- }
+ padding: 2rpx 8rpx;
+ font-size: 18rpx;
+ color: #42A5F5;
+ font-weight: 500;
}
}
diff --git a/pages/review/review.vue b/pages/review/review.vue
index d737007..857f420 100644
--- a/pages/review/review.vue
+++ b/pages/review/review.vue
@@ -197,23 +197,31 @@
- {{ product.brand }}
- {{ product.name }}
+
+ {{ product.name }}
+
+ {{ product.brand }}
+
+
+
- ★
+ name="star-fill"
+ :color="i <= product.rating ? '#FFD700' : '#DDDDDD'"
+ size="14"
+ >
{{ product.rating }}
({{ product.reviewCount }})
+
¥{{ product.priceRange }}
+
.review-container {
- padding-bottom: 120rpx;
+ padding-bottom: 60rpx;
}
/* 搜索栏 */
.search-section {
- padding: 20rpx 30rpx;
+ padding: 24rpx 20rpx;
.search-wrapper {
display: flex;
@@ -911,7 +919,7 @@ export default {
/* 产品列表 */
.products-section {
- margin: 0 30rpx;
+ margin: 0 20rpx;
.products-grid {
&.grid {
@@ -929,8 +937,8 @@ export default {
.product-card {
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(20rpx);
- border-radius: 20rpx;
- overflow: hidden;
+ border-radius: 12rpx;
+ padding: 12rpx;
box-shadow: 0 4rpx 16rpx rgba(255, 138, 128, 0.1);
transition: all 0.3s ease;
@@ -940,10 +948,16 @@ export default {
.product-image {
position: relative;
+ width: 100%;
+ height: 280rpx;
+ border-radius: 12rpx;
+ overflow: hidden;
+ margin-bottom: 12rpx;
.product-img {
width: 100%;
- height: 200rpx;
+ height: 100%;
+ object-fit: cover;
}
.product-badge {
@@ -986,54 +1000,57 @@ export default {
}
.product-info {
- padding: 16rpx;
- .product-brand {
- font-size: 20rpx;
- color: #999999;
- margin-bottom: 6rpx;
- }
-
- .product-name {
- font-size: 26rpx;
- font-weight: 600;
- color: #333333;
+ .product-basic {
margin-bottom: 8rpx;
- line-height: 1.3;
- display: -webkit-box;
- -webkit-box-orient: vertical;
- -webkit-line-clamp: 2;
- overflow: hidden;
+
+ .product-name {
+ font-size: 30rpx;
+ font-weight: bold;
+ color: #333333;
+ margin-bottom: 6rpx;
+ display: block;
+ line-height: 1.2;
+ padding: 6rpx 0;
+ }
+
+ .product-brand-tags {
+ display: flex;
+ gap: 6rpx;
+ flex-wrap: wrap;
+
+ .product-brand {
+ background: rgba(100, 181, 246, 0.15);
+ border-radius: 8rpx;
+ padding: 2rpx 8rpx;
+ font-size: 18rpx;
+ color: #42A5F5;
+ font-weight: 500;
+ }
+ }
}
.product-rating {
display: flex;
align-items: center;
+ gap: 4rpx;
margin-bottom: 8rpx;
.rating-stars {
- margin-right: 8rpx;
-
- .star {
- font-size: 16rpx;
- color: #DDDDDD;
-
- &.active {
- color: #FFD700;
- }
- }
+ display: flex;
+ gap: 2rpx;
+ align-items: center;
}
.rating-score {
- font-size: 20rpx;
- color: #333333;
- font-weight: 600;
- margin-right: 6rpx;
+ font-size: 18rpx;
+ color: #666666;
+ font-weight: 500;
}
.rating-count {
font-size: 18rpx;
- color: #999999;
+ color: #666666;
}
}
@@ -1065,8 +1082,10 @@ export default {
&.list .product-card {
.product-image {
+ height: 240rpx;
+
.product-img {
- height: 160rpx;
+ height: 100%;
}
}