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 = ({ return ( {title && ( - {title} + {title} )} {coupons.length === 0 ? ( showEmpty && ( - + {emptyText} ) @@ -61,14 +61,14 @@ const CouponList: React.FC = ({ return ( {title && ( - + {title} )} {coupons.length === 0 ? ( showEmpty && ( - + {emptyText} ) 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 = () => { {selectedCoupon && ( - 当前使用 + 当前使用 {selectedCoupon.title} -¥{selectedCoupon.amount}