xiaoe_mp_npm 1.0.29 → 1.0.30-beta

package/src/coupon/components/CouponItem/index.less

@@ -1,209 +1,209 @@
-.couponNewWrap{
-    width: 100%;
-    margin-bottom: 3.52vmin;
-    margin-left: auto;
-    margin-right: auto;
-   &:last-child {
-        margin-bottom: 0;
-    }
-    .detailInfo{
-        display: flex;
-        align-items: center;
-        padding: 4.69vmin;
-        background-color: #FFFAF4;
-        box-sizing: border-box;
-        border-radius: 0 0 0.53vmin 0.53vmin;
-        color: #505050;
-        font-size: 2.93vmin;
-        background: #FFFAF4;
-        text-align: left;
-        .instructions {
-          font-size: 1.87vmin;
-          color: #505050;
-          text {
-            white-space: pre-wrap;
-          }
-        }
-    }
-}
-
-.couponNewV2 {
-    position: relative;
-    display: flex;
-    width: 100%;
-    height: 29.92vmin;
-    margin-left: auto;
-    margin-right: auto;
-    overflow: hidden;
-    border-radius: 1.17vmin;
-    background-color: #fff;
-
-    .couponValue {
-        width: 30.51vmin;
-        height: 29.92vmin;
-        background: #FF821F !important;
-        box-sizing: border-box;
-        border-radius: 1.17vmin 0 0 1.17vmin;
-        .couponPrice {
-            position: relative;
-            width: 100%;
-            height: 13.2vmin;
-            margin: 4.11vmin auto 1.17vmin;
-            text-align: center;
-            line-height: 13.2vmin;
-            font-size: 12.91vmin;
-            font-weight: 500;
-            color: #fff;
-            .fontSmall {
-                font-size: 7.04vmin !important;
-            }
-            .fontLastSmall{
-                font-size: 4.69vmin !important;
-            }
-
-            .fixedfont{
-                font-size: 3.52vmin !important;
-
-            }
-            .fixedPercent{
-                font-size: 4.69vmin !important;
-            }
-            span {
-                position: relative;
-                display: inline-block;
-            }
-             .discountFont,.coupon-symbol{
-                font-size: 4.69vmin;
-                margin-left: 0.29vmin;
-                margin-left: -0.15vmin;
-            }
-
-        }
-
-        .couponUseCondition {
-            width: 100%;
-            overflow: hidden;
-            max-height: 11.73vmin;
-            line-height: 5.28vmin;
-            color:#fff;
-            text-align: center;
-        }
-
-        .couponMaxDiscountNum {
-          width: 100%;
-          text-align: center;
-          color: #fff;
-          margin-bottom: 7.33vmin;
-          font-size: 1.33vmin;
-        }
-    }
-
-    .couponInfo {
-        position: relative;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-        width: 49.87vmin;
-        height: 100%;
-        overflow: hidden;
-        box-sizing: border-box;
-        padding: 2.35vmin 0 2.35vmin 3.52vmin;
-        border-bottom-right-radius: 1.17vmin;
-        border-top-right-radius: 1.17vmin;
-        color:#888888;
-        font-size: 2.93vmin;
-        text-align: left;
-        span{
-            display: inline-block;
-        }
-        .couponName {
-            width: 100%;
-            line-height: 4.4vmin;
-            white-space: nowrap;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            margin-bottom: 2.35vmin;
-            color:#505050;
-            font-size: 3.52vmin;
-            font-weight:500;
-        }
-        .couponUseTime {
-            width: 100%;
-            height: 4.11vmin;
-            line-height: 4.11vmin;
-            font-size: 2.93vmin;
-        }
-        .noSuperposition{
-          color: #FF821F;
-        }
-        .moreInfo{
-            display: flex;
-            align-items: center;
-            padding: 0.29vmin 0;
-        }
-        .operateBtn{
-            width: 3.52vmin;
-            height: 3.52vmin;
-            cursor: pointer;
-            margin-left: 0.88vmin;
-            background-size: 100% 100%;
-        }
-        .retract{
-            background: url('../../../common/assets/images/coupon/up.svg') center no-repeat;
-        }
-    }
-
-    .couponState {
-        position: absolute;
-        right: 0;
-        width: 17.6vmin;
-        height: 100%;
-        .superImg{
-          width: 11.73vmin;
-          height: 11.73vmin;
-          background-size: 100% 100%;
-          position: absolute;
-          right: 0;
-        }
-        .coupon-choose-box {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 100%;
-            height: 100%;
-            border-radius: 0 1.17vmin 1.17vmin 0;
-
-            .coupon-choose {
-                width: 5.87vmin;
-                height: 5.87vmin;
-                background-size: 100% 100%;
-                border-radius: 50%;
-                box-sizing: border-box;
-                // background: url('../../assets/images/couponSelect/coupon_select.png');
-                background-size: 100% 100%;
-            }
-
-            .coupon-unchoosed {
-                border: 0.44vmin solid #CCC;
-                background: none;
-            }
-        }
-    }
-}
-// 优惠券不可用样式
-.disabledState{
-    background-color: #EEEEEE!important;
-   .couponValue{
-       background: #CDCDCD!important;
-   }
-}
-// 详细信息不可用优惠券时的字段
-.whiteBg{
-    background-color: #fff!important;
-}
-.disabledHint{
-    width: 4vmin;
-    height: 4vmin;
-    margin-right: 1.07vmin;
-    transform: translateY(0.8vmin);
+.couponNewWrap{
+    width: 100%;
+    margin-bottom: 3.52vmin;
+    margin-left: auto;
+    margin-right: auto;
+   &:last-child {
+        margin-bottom: 0;
+    }
+    .detailInfo{
+        display: flex;
+        align-items: center;
+        padding: 4.69vmin;
+        background-color: #FFFAF4;
+        box-sizing: border-box;
+        border-radius: 0 0 0.53vmin 0.53vmin;
+        color: #505050;
+        font-size: 2.93vmin;
+        background: #FFFAF4;
+        text-align: left;
+        .instructions {
+          font-size: 1.87vmin;
+          color: #505050;
+          text {
+            white-space: pre-wrap;
+          }
+        }
+    }
+}
+
+.couponNewV2 {
+    position: relative;
+    display: flex;
+    width: 100%;
+    height: 29.92vmin;
+    margin-left: auto;
+    margin-right: auto;
+    overflow: hidden;
+    border-radius: 1.17vmin;
+    background-color: #fff;
+
+    .couponValue {
+        width: 30.51vmin;
+        height: 29.92vmin;
+        background: #FF821F !important;
+        box-sizing: border-box;
+        border-radius: 1.17vmin 0 0 1.17vmin;
+        .couponPrice {
+            position: relative;
+            width: 100%;
+            height: 13.2vmin;
+            margin: 4.11vmin auto 1.17vmin;
+            text-align: center;
+            line-height: 13.2vmin;
+            font-size: 12.91vmin;
+            font-weight: 500;
+            color: #fff;
+            .fontSmall {
+                font-size: 7.04vmin !important;
+            }
+            .fontLastSmall{
+                font-size: 4.69vmin !important;
+            }
+
+            .fixedfont{
+                font-size: 3.52vmin !important;
+
+            }
+            .fixedPercent{
+                font-size: 4.69vmin !important;
+            }
+            span {
+                position: relative;
+                display: inline-block;
+            }
+             .discountFont,.coupon-symbol{
+                font-size: 4.69vmin;
+                margin-left: 0.29vmin;
+                margin-left: -0.15vmin;
+            }
+
+        }
+
+        .couponUseCondition {
+            width: 100%;
+            overflow: hidden;
+            max-height: 11.73vmin;
+            line-height: 5.28vmin;
+            color:#fff;
+            text-align: center;
+        }
+
+        .couponMaxDiscountNum {
+          width: 100%;
+          text-align: center;
+          color: #fff;
+          margin-bottom: 7.33vmin;
+          font-size: 1.33vmin;
+        }
+    }
+
+    .couponInfo {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        width: 49.87vmin;
+        height: 100%;
+        overflow: hidden;
+        box-sizing: border-box;
+        padding: 2.35vmin 0 2.35vmin 3.52vmin;
+        border-bottom-right-radius: 1.17vmin;
+        border-top-right-radius: 1.17vmin;
+        color:#888888;
+        font-size: 2.93vmin;
+        text-align: left;
+        span{
+            display: inline-block;
+        }
+        .couponName {
+            width: 100%;
+            line-height: 4.4vmin;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            margin-bottom: 2.35vmin;
+            color:#505050;
+            font-size: 3.52vmin;
+            font-weight:500;
+        }
+        .couponUseTime {
+            width: 100%;
+            height: 4.11vmin;
+            line-height: 4.11vmin;
+            font-size: 2.93vmin;
+        }
+        .noSuperposition{
+          color: #FF821F;
+        }
+        .moreInfo{
+            display: flex;
+            align-items: center;
+            padding: 0.29vmin 0;
+        }
+        .operateBtn{
+            width: 3.52vmin;
+            height: 3.52vmin;
+            cursor: pointer;
+            margin-left: 0.88vmin;
+            background-size: 100% 100%;
+        }
+        .retract{
+            background: url('../../../common/assets/images/coupon/up.svg') center no-repeat;
+        }
+    }
+
+    .couponState {
+        position: absolute;
+        right: 0;
+        width: 17.6vmin;
+        height: 100%;
+        .superImg{
+          width: 11.73vmin;
+          height: 11.73vmin;
+          background-size: 100% 100%;
+          position: absolute;
+          right: 0;
+        }
+        .coupon-choose-box {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            width: 100%;
+            height: 100%;
+            border-radius: 0 1.17vmin 1.17vmin 0;
+
+            .coupon-choose {
+                width: 5.87vmin;
+                height: 5.87vmin;
+                background-size: 100% 100%;
+                border-radius: 50%;
+                box-sizing: border-box;
+                // background: url('../../assets/images/couponSelect/coupon_select.png');
+                background-size: 100% 100%;
+            }
+
+            .coupon-unchoosed {
+                border: 0.44vmin solid #CCC;
+                background: none;
+            }
+        }
+    }
+}
+// 优惠券不可用样式
+.disabledState{
+    background-color: #EEEEEE!important;
+   .couponValue{
+       background: #CDCDCD!important;
+   }
+}
+// 详细信息不可用优惠券时的字段
+.whiteBg{
+    background-color: #fff!important;
+}
+.disabledHint{
+    width: 4vmin;
+    height: 4vmin;
+    margin-right: 1.07vmin;
+    transform: translateY(0.8vmin);
 }