From a15333da07059e0c1bbd4bfe9fef529fb2361364 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Sat, 23 Aug 2025 03:57:34 +0800
Subject: [PATCH] =?UTF-8?q?refactor(coupon):=20=E9=87=8D=E6=9E=84=E4=BC=98?=
 =?UTF-8?q?=E6=83=A0=E5=88=B8=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-调整 CouponCard 和 CouponList 组件的样式，使其更加简洁和一致
- 优化页面布局，利用 flex 布局实现全屏布局
- 移除冗余代码和不必要的组件
- 调整空状态展示方式，增加查看我的优惠券按钮
---
 src/components/PaymentCountdown.scss |  1 -
 src/shop/orderDetail/index.scss      |  3 +--
 src/shop/orderDetail/index.tsx       | 10 +++++-----
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/components/PaymentCountdown.scss b/src/components/PaymentCountdown.scss
index 5efb6cb..d639124 100644
--- a/src/components/PaymentCountdown.scss
+++ b/src/components/PaymentCountdown.scss
@@ -133,7 +133,6 @@
     margin: 8px 0;
 
     .countdown-text {
-      font-size: 14px;
       font-weight: 600;
     }
   }
diff --git a/src/shop/orderDetail/index.scss b/src/shop/orderDetail/index.scss
index 6e3fb0f..2679e97 100644
--- a/src/shop/orderDetail/index.scss
+++ b/src/shop/orderDetail/index.scss
@@ -3,7 +3,6 @@
 
   .nut-cell-group__title {
     padding: 10px 16px;
-    font-size: 14px;
     color: #999;
   }
 
@@ -24,4 +23,4 @@
       margin-left: 10px;
     }
   }
-}
\ No newline at end of file
+}
diff --git a/src/shop/orderDetail/index.tsx b/src/shop/orderDetail/index.tsx
index 6657390..fcd3e47 100644
--- a/src/shop/orderDetail/index.tsx
+++ b/src/shop/orderDetail/index.tsx
@@ -101,7 +101,7 @@ const OrderDetail = () => {
     <div className={'order-detail-page'}>
       {/* 支付倒计时显示 - 详情页实时更新 */}
       {!order.payStatus && order.orderStatus !== 2 && (
-        <div className="order-detail-countdown p-4 bg-red-50 border-b border-red-100">
+        <div className="order-detail-countdown flex justify-center p-4 bg-red-50 border-b border-red-100">
           <PaymentCountdown
             createTime={order.createTime}
             payStatus={order.payStatus}
@@ -148,10 +148,10 @@ const OrderDetail = () => {
 
       <div className={'fixed-bottom'}>
         <Space>
-          {!order.payStatus && <Button size="small" onClick={() => console.log('取消订单')}>取消订单</Button>}
-          {!order.payStatus && <Button size="small" type="primary" onClick={() => console.log('立即支付')}>立即支付</Button>}
-          {order.orderStatus === 1 && <Button size="small" onClick={() => console.log('申请退款')}>申请退款</Button>}
-          {order.deliveryStatus === 20 && <Button size="small" type="primary" onClick={() => console.log('确认收货')}>确认收货</Button>}
+          {!order.payStatus && <Button onClick={() => console.log('取消订单')}>取消订单</Button>}
+          {!order.payStatus && <Button type="primary" onClick={() => console.log('立即支付')}>立即支付</Button>}
+          {order.orderStatus === 1 && <Button onClick={() => console.log('申请退款')}>申请退款</Button>}
+          {order.deliveryStatus === 20 && <Button type="primary" onClick={() => console.log('确认收货')}>确认收货</Button>}
         </Space>
       </div>
     </div>