From d70cc56dbbb901415a087079d8950355f9991ef4 Mon Sep 17 00:00:00 2001
From: Trae AI <trae@example.com>
Date: Sat, 28 Feb 2026 14:31:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=95=86=E5=93=81=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E7=9A=84=E8=A7=86=E9=A2=91=E6=A0=BC=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 images/OIP-C.png                     | Bin 0 -> 2932 bytes
 pages/evaluate2/one.js               |   8 +-
 pages/evaluate2/one.wxml             |  98 +++++++++-
 pages/evaluate2/one.wxss             | 281 ++++++++++++++++++++++-----
 pages/goods-detail/goods-detail.wxml |  12 +-
 pages/goods-detail/goods-detail.wxss |   9 +-
 6 files changed, 332 insertions(+), 76 deletions(-)
 create mode 100644 images/OIP-C.png

diff --git a/images/OIP-C.png b/images/OIP-C.png
new file mode 100644
index 0000000000000000000000000000000000000000..0ec8bd134e1603df4bf2eceaf4cdfff8313eb663
GIT binary patch
literal 2932
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

literal 0
HcmV?d00001

diff --git a/pages/evaluate2/one.js b/pages/evaluate2/one.js
index a8f3cd8..7585aa0 100644
--- a/pages/evaluate2/one.js
+++ b/pages/evaluate2/one.js
@@ -6,7 +6,13 @@ Page({
     error: '',
     categories: [],
     selectedCategory: '',
-    showOneKeyLoginModal: false // 是否显示登录弹窗
+    showOneKeyLoginModal: false, // 是否显示登录弹窗
+    categoryDescriptions: {
+      '粉壳': '粉壳蛋由白壳与褐壳蛋鸡杂交而成，蛋壳呈粉红色，表面清洁带白霜。其蛋清浓稠、蛋黄大而饱满，营养丰富且口感细腻',
+      '绿壳': '绿壳蛋是我国特有珍稀鸡种所产的蛋，具有"五黑一绿"特点（黑毛、黑皮、黑骨、黑内脏，产绿壳蛋）。其蛋黄大、蛋清稠，氨基酸含量比普通鸡蛋高5-10倍，被誉为"保健蛋"',
+      '褐壳': '褐壳蛋是我国市场上最常见的鸡蛋类型，由洛岛红、新汉夏等褐壳蛋鸡品种产出。蛋壳呈褐色至深褐色，质地厚实耐运输，蛋黄比例大，适合家庭日常烹饪。常见品种有海兰褐、罗曼褐等。',
+      '土鸡蛋': '土鸡蛋指农家散养鸡在自然环境中觅食所产的蛋，个头较小、蛋壳较薄，蛋清粘稠、蛋黄饱满。口感风味浓郁。'
+    }
   },
   onLoad(options) {
     let productName = '';
diff --git a/pages/evaluate2/one.wxml b/pages/evaluate2/one.wxml
index 928a89c..10a836c 100644
--- a/pages/evaluate2/one.wxml
+++ b/pages/evaluate2/one.wxml
@@ -51,21 +51,99 @@
         <view 
           wx:for="{{categories}}" 
           wx:key="item" 
-          class="category-card"
+          class="category-card {{item === '粉壳' ? 'pink-shell-card' : item === '绿壳' ? 'green-shell-card' : item === '褐壳' ? 'brown-shell-card' : 'free-range-card'}}"
           data-category="{{item}}"
           bindtap="selectCategory"
         >
+          <!-- 标签系统 -->
+          <view class="card-labels">
+            <view class="feature-label">
+              <text class="feature-label-text">{{item === '绿壳' ? '珍稀品种' : item === '粉壳' ? '杂交品种' : item === '褐壳' ? '常见品种' : '农家散养'}}</text>
+            </view>
+            <view class="category-label">
+              <text class="category-label-text">{{item}}系列</text>
+            </view>
+          </view>
+          
+          <!-- 产品图片区域 -->
+          <view class="product-image-container">
+            <image 
+              src="../../images/OIP-C.png" 
+              mode="aspectFill"
+              class="product-image"
+            />
+          </view>
+          
+          <!-- 文字信息区域 -->
           <view class="card-content">
-            <text class="card-desc">点击选择此类型查看相关商品</text>
-            <view class="card-body">
-              <text class="category-name">{{item}}</text>
-              <view class="category-image">
-                <image 
-                  src="https://via.placeholder.com/120x120?text={{item}}" 
-                  mode="aspectFill"
-                  class="category-img"
-                />
+            <text class="product-title">{{item}}鸡蛋</text>
+            <text class="product-description">{{categoryDescriptions[item] || '点击选择此类型查看相关商品'}}</text>
+            
+            <!-- 卖点标签 -->
+            <view class="selling-points">
+              <!-- 粉壳鸡蛋卖点 -->
+              <view wx:if="{{item === '粉壳'}}" class="selling-point">
+                <text class="selling-point-icon">🧬</text>
+                <text class="selling-point-text">杂交品种</text>
+              </view>
+              <view wx:if="{{item === '粉壳'}}" class="selling-point">
+                <text class="selling-point-icon">🌸</text>
+                <text class="selling-point-text">粉红蛋壳</text>
+              </view>
+              <view wx:if="{{item === '粉壳'}}" class="selling-point">
+                <text class="selling-point-icon">👅</text>
+                <text class="selling-point-text">口感细腻</text>
+              </view>
+              
+              <!-- 绿壳鸡蛋卖点 -->
+              <view wx:if="{{item === '绿壳'}}" class="selling-point">
+                <text class="selling-point-icon">🍃</text>
+                <text class="selling-point-text">五黑一绿</text>
+              </view>
+              <view wx:if="{{item === '绿壳'}}" class="selling-point">
+                <text class="selling-point-icon">💪</text>
+                <text class="selling-point-text">高氨基酸</text>
               </view>
+              <view wx:if="{{item === '绿壳'}}" class="selling-point">
+                <text class="selling-point-icon">🏥</text>
+                <text class="selling-point-text">保健功效</text>
+              </view>
+              
+              <!-- 褐壳鸡蛋卖点 -->
+              <view wx:if="{{item === '褐壳'}}" class="selling-point">
+                <text class="selling-point-icon">🔥</text>
+                <text class="selling-point-text">常见品种</text>
+              </view>
+              <view wx:if="{{item === '褐壳'}}" class="selling-point">
+                <text class="selling-point-icon">📦</text>
+                <text class="selling-point-text">耐运输</text>
+              </view>
+              <view wx:if="{{item === '褐壳'}}" class="selling-point">
+                <text class="selling-point-icon">🍳</text>
+                <text class="selling-point-text">日常烹饪</text>
+              </view>
+              
+              <!-- 土鸡蛋卖点 -->
+              <view wx:if="{{item === '土鸡蛋'}}" class="selling-point">
+                <text class="selling-point-icon">🌾</text>
+                <text class="selling-point-text">自然觅食</text>
+              </view>
+              <view wx:if="{{item === '土鸡蛋'}}" class="selling-point">
+                <text class="selling-point-icon">🥚</text>
+                <text class="selling-point-text">蛋黄饱满</text>
+              </view>
+              <view wx:if="{{item === '土鸡蛋'}}" class="selling-point">
+                <text class="selling-point-icon">🥘</text>
+                <text class="selling-point-text">风味浓郁</text>
+              </view>
+            </view>
+            
+            <!-- 按钮区域 -->
+            <view class="card-footer">
+              <button class="select-button" bindtap="selectCategory" data-category="{{item}}">
+                <text class="select-button-icon">→</text>
+                <text class="select-button-text">选择</text>
+              </button>
             </view>
           </view>
         </view>
diff --git a/pages/evaluate2/one.wxss b/pages/evaluate2/one.wxss
index 3ee7ac0..3d76444 100644
--- a/pages/evaluate2/one.wxss
+++ b/pages/evaluate2/one.wxss
@@ -404,109 +404,284 @@
   box-sizing: border-box;
 }
 
+/* 卡片基础框架 */
 .category-card {
   background: #ffffff;
-  border-radius: 12rpx;
-  padding: 24rpx;
+  border-radius: 20rpx;
+  padding: 0 32rpx 32rpx;
   cursor: pointer;
-  min-height: 160rpx;
-  margin-bottom: 20rpx;
-  border: 1rpx solid #f0f0f0;
+  min-height: 600rpx;
+  margin-bottom: 32rpx;
   transition: all 0.3s ease;
   width: 100%;
   box-sizing: border-box;
+  box-shadow: 0 8rpx 16rpx rgba(0,0,0,0.08);
+  position: relative;
+  overflow: hidden;
 }
 
 .category-card:hover {
-  transform: translateY(-2rpx);
-  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.05);
-  border-color: #e0e0e0;
+  transform: translateY(-8rpx);
+  box-shadow: 0 12rpx 24rpx rgba(0,0,0,0.12);
 }
 
-.card-content {
-  width: 100%;
+/* 品类专属背景 */
+.pink-shell-card {
+  background: linear-gradient(135deg, #FECDD3 0%, #FDE2E2 100%);
 }
 
-.card-desc {
+.green-shell-card {
+  background: linear-gradient(135deg, #D1FAE5 0%, #E6F7EE 100%);
+}
+
+.brown-shell-card {
+  background: linear-gradient(135deg, #FEF3C7 0%, #FFF9E6 100%);
+}
+
+.free-range-card {
+  background: linear-gradient(135deg, #FEF3C7 0%, #FFF9E6 100%);
+}
+
+/* 标签系统 */
+.card-labels {
+  position: absolute;
+  top: 20rpx;
+  left: 20rpx;
+  right: 20rpx;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  z-index: 2;
+}
+
+.feature-label {
+  background: rgba(255, 255, 255, 0.9);
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+  display: flex;
+  align-items: center;
+  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.05);
+}
+
+.feature-label-text {
   font-size: 20rpx;
-  color: #999999;
-  text-align: right;
-  margin-bottom: 16rpx;
-  line-height: 1.4;
+  font-weight: 500;
+  color: #1E293B;
 }
 
-.card-body {
+.category-label {
+  background: rgba(0, 0, 0, 0.7);
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
   display: flex;
   align-items: center;
-  justify-content: space-between;
+  box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.1);
 }
 
-.category-name {
-  font-size: 30rpx;
+.category-label-text {
+  font-size: 20rpx;
   font-weight: 500;
-  color: #333333;
-  line-height: 1.4;
-  word-break: break-word;
-  flex: 1;
+  color: #FFFFFF;
 }
 
-.category-image {
-  width: 100rpx;
-  height: 100rpx;
-  border-radius: 4rpx;
+/* 产品图片区域 */
+.product-image-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 300rpx;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+  z-index: 1;
   overflow: hidden;
-  background: #f5f5f5;
-  border: 1rpx solid #e0e0e0;
 }
 
-.category-img {
+.product-image {
   width: 100%;
   height: 100%;
+  border-radius: 0;
   object-fit: cover;
+  border: none;
+  box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.12);
+  transform: none;
+}
+
+/* 文字信息区域 */
+.card-content {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 16rpx;
+  position: relative;
+  z-index: 2;
+  padding-top: 320rpx;
+  padding-bottom: 20rpx;
+}
+
+.product-title {
+  font-size: 36rpx;
+  font-weight: 700;
+  color: #1E293B;
+  line-height: 48rpx;
+  text-align: center;
+  margin-bottom: 8rpx;
 }
 
-/* 响应式设计 - 分类区域 */
+.product-description {
+  font-size: 24rpx;
+  font-weight: 400;
+  color: #64748B;
+  line-height: 36rpx;
+  text-align: center;
+  margin-bottom: 16rpx;
+  padding: 0 16rpx;
+}
+
+/* 卖点标签 */
+.selling-points {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 12rpx;
+  margin: 16rpx 0 24rpx;
+}
+
+.selling-point {
+  display: flex;
+  align-items: center;
+  background: rgba(255, 255, 255, 0.8);
+  padding: 8rpx 16rpx;
+  border-radius: 20rpx;
+  box-shadow: 0 2rpx 4rpx rgba(0,0,0,0.05);
+}
+
+.selling-point-icon {
+  font-size: 20rpx;
+  margin-right: 8rpx;
+}
+
+.selling-point-text {
+  font-size: 20rpx;
+  font-weight: 400;
+  color: #475569;
+}
+
+/* 按钮区域 */
+.card-footer {
+  display: flex;
+  justify-content: center;
+  margin-top: 16rpx;
+}
+
+.select-button {
+  background: #4A90E2;
+  color: #FFFFFF;
+  border: none;
+  border-radius: 24rpx;
+  padding: 12rpx 32rpx;
+  font-size: 24rpx;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  gap: 8rpx;
+  box-shadow: 0 4rpx 12rpx rgba(74, 144, 226, 0.3);
+  transition: all 0.3s ease;
+}
+
+.select-button:hover {
+  background: #3B82F6;
+  transform: translateY(-2rpx);
+  box-shadow: 0 6rpx 16rpx rgba(74, 144, 226, 0.4);
+}
+
+.select-button-icon {
+  font-size: 20rpx;
+  font-weight: 600;
+}
+
+.select-button-text {
+  font-size: 24rpx;
+  font-weight: 600;
+}
+
+/* 响应式设计 */
 @media (max-width: 750rpx) {
   .category-card {
-    padding: 20rpx;
-    min-height: 140rpx;
-    margin-bottom: 16rpx;
+    padding: 0 24rpx 24rpx;
+    min-height: 550rpx;
+    margin-bottom: 24rpx;
   }
   
-  .card-desc {
-    font-size: 18rpx;
-    margin-bottom: 12rpx;
+  .product-image-container {
+    height: 280rpx;
   }
   
-  .category-name {
-    font-size: 28rpx;
+  .card-content {
+    padding-top: 300rpx;
+  }
+  
+  .product-title {
+    font-size: 32rpx;
+    line-height: 40rpx;
+  }
+  
+  .product-description {
+    font-size: 22rpx;
+    line-height: 32rpx;
+  }
+  
+  .selling-point {
+    padding: 6rpx 12rpx;
+  }
+  
+  .selling-point-text {
+    font-size: 18rpx;
   }
   
-  .category-image {
-    width: 90rpx;
-    height: 90rpx;
+  .select-button {
+    padding: 10rpx 28rpx;
+    font-size: 22rpx;
   }
 }
 
 @media (max-width: 414rpx) {
   .category-card {
-    padding: 16rpx;
-    min-height: 120rpx;
-    margin-bottom: 12rpx;
+    padding: 0 20rpx 20rpx;
+    min-height: 500rpx;
+    margin-bottom: 20rpx;
   }
   
-  .card-desc {
-    font-size: 16rpx;
-    margin-bottom: 10rpx;
+  .product-image-container {
+    height: 240rpx;
   }
   
-  .category-name {
-    font-size: 24rpx;
+  .card-content {
+    padding-top: 260rpx;
+  }
+  
+  .product-title {
+    font-size: 28rpx;
+    line-height: 36rpx;
+  }
+  
+  .product-description {
+    font-size: 20rpx;
+    line-height: 28rpx;
+  }
+  
+  .selling-point {
+    padding: 4rpx 10rpx;
+  }
+  
+  .selling-point-text {
+    font-size: 16rpx;
   }
   
-  .category-image {
-    width: 80rpx;
-    height: 80rpx;
+  .select-button {
+    padding: 8rpx 24rpx;
+    font-size: 20rpx;
   }
 }
 
diff --git a/pages/goods-detail/goods-detail.wxml b/pages/goods-detail/goods-detail.wxml
index 2b98088..264d60b 100644
--- a/pages/goods-detail/goods-detail.wxml
+++ b/pages/goods-detail/goods-detail.wxml
@@ -40,7 +40,7 @@
               wx:if="{{item.type === 'video'}}" 
               src="{{item.url}}" 
               class="slider-media"
-              mode="aspectFill"
+              mode="aspectFit"
               show-center-play-btn="{{true}}"
               show-play-btn="{{false}}"
               controls="{{true}}"
@@ -51,7 +51,7 @@
               show-mute-btn="{{true}}"
               enable-progress-gesture="{{true}}"
               enable-play-gesture="{{true}}"
-              object-fit="fill"
+              object-fit="contain"
               poster="" >
             </video>
             <!-- 图片处理 -->
@@ -340,14 +340,14 @@
                 wx:if="{{item.mediaItems && item.mediaItems.length > 0 && item.mediaItems[0].type === 'video'}}" 
                 class="product-media" 
                 src="{{item.mediaItems[0].url}}" 
-                mode="aspectFill"
+                mode="aspectFit"
                 show-center-play-btn="{{true}}"
                 show-play-btn="{{false}}"
                 controls="{{true}}"
                 autoplay="{{true}}"
                 loop="{{true}}"
                 muted="{{true}}"
-                object-fit="fill"
+                object-fit="contain"
                 poster="" 
               ></video>
               <!-- 图片处理 -->
@@ -394,14 +394,14 @@
                 wx:if="{{item.mediaItems && item.mediaItems.length > 0 && item.mediaItems[0].type === 'video'}}" 
                 class="product-media" 
                 src="{{item.mediaItems[0].url}}" 
-                mode="aspectFill"
+                mode="aspectFit"
                 show-center-play-btn="{{true}}"
                 show-play-btn="{{false}}"
                 controls="{{true}}"
                 autoplay="{{true}}"
                 loop="{{true}}"
                 muted="{{true}}"
-                object-fit="fill"
+                object-fit="contain"
                 poster="" 
               ></video>
               <!-- 图片处理 -->
diff --git a/pages/goods-detail/goods-detail.wxss b/pages/goods-detail/goods-detail.wxss
index 17b17a9..d8ccdbc 100644
--- a/pages/goods-detail/goods-detail.wxss
+++ b/pages/goods-detail/goods-detail.wxss
@@ -130,12 +130,9 @@
 
 /* 视频样式增强 */
 video.slider-media {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  object-fit: fill;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
   z-index: 1;
 }