From 96bc818eb2390fa1579fabe33374c0333d205ecd Mon Sep 17 00:00:00 2001
From: dzl <786316265@qq.com>
Date: Fri, 5 Sep 2025 09:38:48 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Cart.vue     | 97 +++++++++++++++++++++++++++++++++++++++---
 src/views/Matching.vue |  2 +-
 2 files changed, 91 insertions(+), 8 deletions(-)

diff --git a/src/views/Cart.vue b/src/views/Cart.vue
index 3dc9a55..b6f3d08 100644
--- a/src/views/Cart.vue
+++ b/src/views/Cart.vue
@@ -74,8 +74,16 @@
                 <span v-if="item.size" class="item-size">{{ item.size }}</span>
               </div>
               <div class="item-price">
-                <el-icon class="coin-icon"><Coin /></el-icon>
-                <span class="price-value">{{ item.product.points_price }}</span>
+                <div class="price-container">
+                  <div class="main-price">
+                    <img src='/imgs/profile/rongdou.png' alt="融豆" class="rongdou-icon" />
+                    <span class="rongdou-price">{{ Math.ceil((item.product.points_price || 0) / 10000) }}</span>
+                  </div>
+                  <div class="sub-price">
+                    <el-icon class="points-icon"><Coin /></el-icon>
+                    <span class="points-price">{{ item.product.points_price || 0 }}</span>
+                  </div>
+                </div>
               </div>
             </div>
             <div class="item-actions">
@@ -113,8 +121,16 @@
         <div class="selected-count">已选{{ selectedCount }}件</div>
         <div class="total-price">
           <span class="total-label">合计：</span>
-          <el-icon class="coin-icon"><Coin /></el-icon>
-          <span class="total-value">{{ totalPrice }}</span>
+          <div class="total-price-container">
+            <div class="total-main-price">
+              <img src='/imgs/profile/rongdou.png' alt="融豆" class="total-rongdou-icon" />
+              <span class="total-rongdou-price">{{ Math.ceil(totalPrice / 10000) }}</span>
+            </div>
+            <div class="total-sub-price">
+              <el-icon class="total-points-icon"><Coin /></el-icon>
+              <span class="total-points-price">{{ totalPrice }}</span>
+            </div>
+          </div>
         </div>
       </div>
       <el-button 
@@ -484,16 +500,48 @@ onMounted(() => {
 .item-price {
   display: flex;
   align-items: center;
+}
+
+.price-container {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.main-price {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.rongdou-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.rongdou-price {
   color: #ff6b35;
   font-weight: 600;
   font-size: 16px;
 }
 
-.coin-icon {
-  margin-right: 4px;
+.sub-price {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.points-icon {
+  font-size: 12px;
   color: #ff6b35;
 }
 
+.points-price {
+  color: #ff6b35;
+  font-weight: 500;
+  font-size: 12px;
+}
+
 .item-actions {
   display: flex;
   flex-direction: column;
@@ -592,11 +640,46 @@ onMounted(() => {
   margin-right: 8px;
 }
 
-.total-value {
+.total-price-container {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.total-main-price {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+.total-rongdou-icon {
+  width: 20px;
+  height: 20px;
+}
+
+.total-rongdou-price {
   color: #ff6b35;
+  font-weight: 600;
   font-size: 20px;
 }
 
+.total-sub-price {
+  display: flex;
+  align-items: center;
+  gap: 2px;
+}
+
+.total-points-icon {
+  font-size: 14px;
+  color: #ff6b35;
+}
+
+.total-points-price {
+  color: #ff6b35;
+  font-weight: 500;
+  font-size: 14px;
+}
+
 .checkout-btn {
   background: linear-gradient(135deg, #ff6b35 0%, #ff4757 100%);
   border: none;
diff --git a/src/views/Matching.vue b/src/views/Matching.vue
index a3b30f1..c572a7b 100644
--- a/src/views/Matching.vue
+++ b/src/views/Matching.vue
@@ -954,7 +954,7 @@ export default {
 .matching-container {
   max-width: 1200px;
   margin: 0 auto;
-  padding: 20px;
+  padding: 20px 10px;
   background: linear-gradient(to bottom, #72c9ffae, #f3f3f3);
 }