From 8ce9a1e418fa7f172c245348018eb01983da844e Mon Sep 17 00:00:00 2001
From: admin <admin@viaeon.com>
Date: Sat, 30 May 2026 21:14:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E8=B4=AD=E7=89=A9?=
 =?UTF-8?q?=E8=BD=A6=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=B8=83=E5=B1=80=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F=E5=92=8C=E5=95=86=E5=93=81=E5=9B=BE=E7=89=87=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除订单摘要的order: -1，保持正常顺序
- 移动端商品图片改为横向布局，图片大小80x80px
- 支付方式改为2列显示

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 frontend/src/views/user/Cart.vue | 52 +++++++++++++++++++++++---------
 1 file changed, 37 insertions(+), 15 deletions(-)

diff --git a/frontend/src/views/user/Cart.vue b/frontend/src/views/user/Cart.vue
index 0be057a..30684bc 100644
--- a/frontend/src/views/user/Cart.vue
+++ b/frontend/src/views/user/Cart.vue
@@ -923,24 +923,27 @@ onMounted(() => {
   .cart-container {
     grid-template-columns: 1fr;
   }
-  
+
   .cart-summary-panel {
     position: static;
-    order: -1;
     margin-bottom: 20px;
   }
 }
 
 @media (max-width: 768px) {
+  .cart-page {
+    padding-bottom: 20px;
+  }
+
   .cart-header {
     display: none;
   }
-  
+
   .cart-item {
     flex-wrap: wrap;
     gap: 12px;
     padding: 14px;
-    
+
     > .el-checkbox { width: 24px; order: 1; }
     > .item-product { flex: 1; min-width: 0; order: 2; }
     > .item-price { width: auto; order: 4; margin-left: 36px; }
@@ -948,27 +951,46 @@ onMounted(() => {
     > .item-subtotal { width: auto; order: 3; margin-left: auto; }
     > .item-action { width: auto; order: 6; }
   }
-  
+
   .item-product {
-    flex-direction: column;
-    gap: 8px;
-    
+    gap: 12px;
+
     .item-image {
-      width: 100%;
-      height: 120px;
+      width: 80px;
+      height: 80px;
+      flex-shrink: 0;
     }
   }
-  
-  .payment-methods {
-    grid-template-columns: 1fr;
+
+  .item-info {
+    flex: 1;
+    min-width: 0;
   }
-  
+
+  .payment-methods {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
   .cart-left {
     gap: 16px;
   }
-  
+
   .checkout-section {
     padding: 16px;
   }
+
+  .cart-summary-panel {
+    padding: 16px;
+  }
+
+  .summary-title {
+    font-size: 16px;
+    margin-bottom: 16px;
+    padding-bottom: 12px;
+  }
+
+  .summary-total .total-amount {
+    font-size: 20px;
+  }
 }
 </style>