细节修改

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>
+                <div class="price-container">
-                <span class="price-value">{{ item.product.points_price }}</span>
+                  <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>
+          <div class="total-price-container">
-          <span class="total-value">{{ totalPrice }}</span>
+            <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 {
+.sub-price {
-  margin-right: 4px;
+  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;

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);
 }