1

pages/adoption/adoption.vue

@@ -249,13 +249,11 @@
 						</view>
 
 						<view class="pet-personality">
-							<view
-								class="personality-tag"
+							<text
+								class="personality-trait"
 								v-for="trait in pet.personality.slice(0, 3)"
 								:key="trait"
-							>
-								<text class="trait-text">{{ trait }}</text>
-							</view>
+							>{{ trait }}</text>
 						</view>
 					</view>
 				</view>
@@ -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;
 			}
 		}