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 @@ {{ item.size }}
- - {{ item.product.points_price }} +
+
+ 融豆 + {{ Math.ceil((item.product.points_price || 0) / 10000) }} +
+
+ + {{ item.product.points_price || 0 }} +
+
@@ -113,8 +121,16 @@
已选{{ selectedCount }}件
合计: - - {{ totalPrice }} +
+
+ 融豆 + {{ Math.ceil(totalPrice / 10000) }} +
+
+ + {{ totalPrice }} +
+
{ .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); }