样式和字段修改

@@ -158,12 +158,11 @@ function modalInit() {
 }
 }
 
 
 function getPersenalCouponHtml(data) {
 function getPersenalCouponHtml(data) {
-    data.couponName = (data.couponName || '').replace('券', '券<br>');
-
     let html = `<div class="persenal-coupon">
     let html = `<div class="persenal-coupon">
                     <span class="coupon-amount">${data.amount || 0}</span>
                     <span class="coupon-amount">${data.amount || 0}</span>
-                    <span class="coupon-limit">满&yen;${data.limit || 0}使用</span>
-                    <span class="coupon-name">${data.couponName}</span>
+                    <span class="coupon-limit">满&yen;${data.useLimit || 0}使用</span>
+                    <span class="coupon-name">${data.limitName}</span>
+                    <span class="coupon-type">${data.limitTypeName}</span>
                     <span class="coupon-time">有效期：${data.startTime} - ${data.endTime}</span>
                     <span class="coupon-time">有效期：${data.startTime} - ${data.endTime}</span>
                 </div>`;
                 </div>`;
 
 

@@ -340,24 +340,37 @@ body {
 
 
     .coupon-name {
     .coupon-name {
         position: absolute;
         position: absolute;
-        top: 16px;
+        top: 30px;
         right: 30px;
         right: 30px;
         width: 280px;
         width: 280px;
-        height: 100px;
-        font-size: 32px;
-        line-height: 50px;
+        height: 40px;
+        font-size: 26px;
+        line-height: 40px;
+        text-align: center;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-all;
+    }
+
+    .coupon-type {
+        position: absolute;
+        top: 68px;
+        right: 30px;
+        width: 280px;
+        height: 56px;
+        font-size: 36px;
+        line-height: 56px;
         font-weight: bold;
         font-weight: bold;
         text-align: center;
         text-align: center;
         overflow: hidden;
         overflow: hidden;
+        text-overflow: ellipsis;
         word-break: break-all;
         word-break: break-all;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
+        letter-spacing: 12px;
     }
     }
 
 
     .coupon-time {
     .coupon-time {
         position: absolute;
         position: absolute;
-        top: 150px;
+        top: 144px;
         right: 70px;
         right: 70px;
         font-size: 40px;
         font-size: 40px;
         transform: scale(0.4);
         transform: scale(0.4);