From 283b48cb92686d555e64e0eca8f12ccd84bf894a Mon Sep 17 00:00:00 2001
From: jiannibang <271381693@qq.com>
Date: Thu, 20 Apr 2023 14:38:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E5=A4=8D=E7=A4=BC=E5=88=B8?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E8=BF=87=E9=95=BF=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Coupons/CouponList/CouponList.js   |  2 +-
 src/pages/Coupons/CouponList/CouponList.scss | 15 +++++++++------
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/pages/Coupons/CouponList/CouponList.js b/src/pages/Coupons/CouponList/CouponList.js
index 57bb648..54065c0 100644
--- a/src/pages/Coupons/CouponList/CouponList.js
+++ b/src/pages/Coupons/CouponList/CouponList.js
@@ -165,7 +165,7 @@ const CouponList = ({ memberID }) => {
             {modalCoupon.couponRules && (
               <>
                 <div className="meta">礼券规则</div>
-                <div className="value">{modalCoupon.couponRules}</div>
+                <div className="desc">{modalCoupon.couponRules}</div>
               </>
             )}
             <div
diff --git a/src/pages/Coupons/CouponList/CouponList.scss b/src/pages/Coupons/CouponList/CouponList.scss
index 17f91f6..7eb6229 100644
--- a/src/pages/Coupons/CouponList/CouponList.scss
+++ b/src/pages/Coupons/CouponList/CouponList.scss
@@ -210,7 +210,7 @@
   left: 0;
   right: 0;
   width: 326px;
-  height: 416px;
+  height: 480px;
   margin: auto;
   background: #f9f9fb;
   border-radius: 16px;
@@ -236,7 +236,7 @@
     right: 8px;
     background: #f3f4f8;
     border-radius: 10px;
-    height: 192px;
+    height: 256px;
     display: flex;
     justify-content: center;
     align-items: flex-start;
@@ -267,17 +267,20 @@
       color: #7a7e8d;
       opacity: 0.8;
       margin-bottom: 2px;
+      overflow-x: hidden;
+      overflow-y: auto;
     }
-    .value {
+    .desc {
       font-weight: 600;
       font-size: 12px;
-      line-height: 16px;
+      line-height: 18px;
+      height: 72px;
       color: #474a56;
       opacity: 0.8;
       margin-bottom: 8px;
       min-height: 16px;
-      overflow: hidden;
-      text-overflow: ellipsis;
+      overflow-x: hidden;
+      overflow-y: auto;
     }
     .level {
       position: absolute;