From 87b83b4d2c6a671ae581c2cda6be2b3e16ed23c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E5=BF=A0=E6=9E=97?= <170083662@qq.com>
Date: Mon, 11 Aug 2025 18:25:26 +0800
Subject: [PATCH] =?UTF-8?q?style(components):=20=E4=BC=98=E6=83=A0?=
 =?UTF-8?q?=E5=88=B8=E7=9B=B8=E5=85=B3=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整了 CouponCard、CouponList 和 orderConfirm 组件中的字体大小、间距等样式
- 优化了标题、金额、条件等元素的视觉效果
- 统一了按钮和状态文本的样式
-调整了部分布局和对齐方式
---
 src/components/CouponCard.scss   | 16 ++++++++--------
 src/components/CouponList.tsx    |  8 ++++----
 src/shop/orderConfirm/index.scss |  8 ++++----
 src/shop/orderConfirm/index.tsx  |  2 +-
 4 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/components/CouponCard.scss b/src/components/CouponCard.scss
index 0a759cc..fd0a763 100644
--- a/src/components/CouponCard.scss
+++ b/src/components/CouponCard.scss
@@ -46,10 +46,10 @@
     .amount-wrapper {
       display: flex;
       align-items: baseline;
-      margin-bottom: 4px;
+      margin-bottom: 8px;
 
       .currency {
-        font-size: 14px;
+        font-size: 24px;
         font-weight: 500;
         margin-right: 2px;
       }
@@ -62,7 +62,7 @@
     }
 
     .condition {
-      font-size: 12px;
+      font-size: 24px;
       opacity: 0.9;
       margin-top: 2px;
     }
@@ -118,14 +118,14 @@
       flex: 1;
 
       .coupon-title {
-        font-size: 14px;
+        font-size: 28px;
         font-weight: 600;
         color: #1f2937;
         margin-bottom: 4px;
       }
 
       .coupon-validity {
-        font-size: 12px;
+        font-size: 24px;
         color: #6b7280;
       }
     }
@@ -139,7 +139,7 @@
         min-width: 48px;
         height: 24px;
         border-radius: 12px;
-        font-size: 12px;
+        font-size: 24px;
         border: none;
         color: #fff;
 
@@ -165,7 +165,7 @@
       }
 
       .status-text {
-        font-size: 12px;
+        font-size: 24px;
         color: #6b7280;
         padding: 4px 8px;
       }
@@ -189,7 +189,7 @@
       color: #fff;
       padding: 4px 12px;
       border-radius: 12px;
-      font-size: 14px;
+      font-size: 28px;
       font-weight: 500;
     }
   }
diff --git a/src/components/CouponList.tsx b/src/components/CouponList.tsx
index ebfb0ea..1837586 100644
--- a/src/components/CouponList.tsx
+++ b/src/components/CouponList.tsx
@@ -34,12 +34,12 @@ const CouponList: React.FC<CouponListProps> = ({
     return (
       <View className="p-4">
         {title && (
-          <View className="text-lg font-semibold text-gray-800 mb-4">{title}</View>
+          <View className="font-semibold text-gray-800 mb-4">{title}</View>
         )}
 
         {coupons.length === 0 ? (
           showEmpty && (
-            <View className="text-center py-10 px-5 text-gray-500 text-sm">
+            <View className="text-center py-10 px-5 text-gray-500">
               {emptyText}
             </View>
           )
@@ -61,14 +61,14 @@ const CouponList: React.FC<CouponListProps> = ({
   return (
     <View>
       {title && (
-        <View className="text-lg font-semibold text-gray-800 mb-4 pl-4">
+        <View className="font-semibold text-gray-800 mb-4 pl-4">
           {title}
         </View>
       )}
 
       {coupons.length === 0 ? (
         showEmpty && (
-          <View className="text-center py-10 px-5 text-gray-500 text-sm">
+          <View className="text-center py-10 px-5 text-gray-500">
             {emptyText}
           </View>
         )
diff --git a/src/shop/orderConfirm/index.scss b/src/shop/orderConfirm/index.scss
index 20c489f..c24cdf5 100644
--- a/src/shop/orderConfirm/index.scss
+++ b/src/shop/orderConfirm/index.scss
@@ -89,7 +89,7 @@
     border-bottom: 1px solid #f0f0f0;
 
     &-title {
-      font-size: 14px;
+      font-size: 28rpx;
       color: #666;
       margin-bottom: 8px;
     }
@@ -98,10 +98,10 @@
       display: flex;
       justify-content: space-between;
       align-items: center;
-      padding: 8px 12px;
+      padding: 8rpx 12rpx;
       background: #fff;
-      border-radius: 6px;
-      font-size: 14px;
+      border-radius: 6rpx;
+      font-size: 28rpx;
     }
   }
 }
diff --git a/src/shop/orderConfirm/index.tsx b/src/shop/orderConfirm/index.tsx
index ace5a61..bba0df4 100644
--- a/src/shop/orderConfirm/index.tsx
+++ b/src/shop/orderConfirm/index.tsx
@@ -458,7 +458,7 @@ const OrderConfirm = () => {
           <View className="coupon-popup__content">
             {selectedCoupon && (
               <View className="coupon-popup__current">
-                <Text className="coupon-popup__current-title">当前使用</Text>
+                <Text className="coupon-popup__current-title font-medium">当前使用</Text>
                 <View className="coupon-popup__current-item">
                   <Text>{selectedCoupon.title} -￥{selectedCoupon.amount}</Text>
                   <Button size="small" onClick={handleCouponCancel}>取消使用</Button>