[new feature] Coupon: add valueDesc、unitDesc prop (#2710)

packages/coupon/index.js

@@ -37,9 +37,13 @@ export default sfc({
     },
 
     faceAmount() {
-      return this.coupon.denominations
+      const { coupon } = this;
+      if (coupon.valueDesc && coupon.unitDesc) {
+        return `${coupon.valueDesc}<span>${coupon.unitDesc}</span>`;
+      }
+      return coupon.denominations
         ? `<span>${this.currency}</span> ${formatAmount(this.coupon.denominations)}`
-        : this.coupon.discount
+        : coupon.discount
           ? t('discount', formatDiscount(this.coupon.discount))
           : '';
     },

packages/coupon/index.less

@@ -40,13 +40,15 @@
 
   &__head {
     position: relative;
-    min-width: 95px;
+    min-width: 85px;
+    padding-right: 10px;
 
     h2 {
       color: @red;
       font-size: 24px;
 
       span {
+        margin-left: 2px;
         font-size: 50%;
       }
     }