xiaoe_mp_npm 0.1.1 → 0.1.2

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

@@ -1,195 +1,195 @@
-.couponNewWrap {
-  width: 100%;
-  margin-bottom: 26.4rpx;
-  margin-left: auto;
-  margin-right: auto;
-}
-.couponNewWrap:last-child {
-  margin-bottom: 0;
-}
-.couponNewWrap .detailInfo {
-  display: flex;
-  align-items: center;
-  padding: 35.2rpx;
-  background-color: #FFFAF4;
-  box-sizing: border-box;
-  border-radius: 0 0 4px 4px;
-  color: #505050;
-  font-size: 22rpx;
-  background: #FFFAF4;
-  text-align: left;
-}
-.couponNewWrap .detailInfo .instructions {
-  font-size: 14px;
-  color: #505050;
-}
-.couponNewWrap .detailInfo .instructions text {
-  white-space: pre-wrap;
-}
-.couponNewV2 {
-  position: relative;
-  display: flex;
-  width: 100%;
-  height: 224.4rpx;
-  margin-left: auto;
-  margin-right: auto;
-  overflow: hidden;
-  border-radius: 8.8rpx;
-  background-color: #fff;
-}
-.couponNewV2 .couponValue {
-  width: 228.8rpx;
-  height: 224.4rpx;
-  background: #FF821F !important;
-  box-sizing: border-box;
-  border-radius: 8.8rpx 0 0 8.8rpx;
-}
-.couponNewV2 .couponValue .couponPrice {
-  position: relative;
-  width: 100%;
-  height: 99rpx;
-  margin: 30.8rpx auto 8.8rpx;
-  text-align: center;
-  line-height: 99rpx;
-  font-size: 96.8rpx;
-  font-weight: 500;
-  color: #fff;
-}
-.couponNewV2 .couponValue .couponPrice .fontSmall {
-  font-size: 52.8rpx !important;
-}
-.couponNewV2 .couponValue .couponPrice .fontLastSmall {
-  font-size: 35.2rpx !important;
-}
-.couponNewV2 .couponValue .couponPrice .fixedfont {
-  font-size: 26.4rpx !important;
-}
-.couponNewV2 .couponValue .couponPrice .fixedPercent {
-  font-size: 35.2rpx !important;
-}
-.couponNewV2 .couponValue .couponPrice span {
-  position: relative;
-  display: inline-block;
-}
-.couponNewV2 .couponValue .couponPrice .discountFont,
-.couponNewV2 .couponValue .couponPrice .coupon-symbol {
-  font-size: 35.2rpx;
-  margin-left: 2.2rpx;
-  margin-left: -1.1rpx;
-}
-.couponNewV2 .couponValue .couponUseCondition {
-  width: 100%;
-  overflow: hidden;
-  max-height: 88rpx;
-  line-height: 39.6rpx;
-  color: #fff;
-  text-align: center;
-}
-.couponNewV2 .couponValue .couponMaxDiscountNum {
-  width: 100%;
-  text-align: center;
-  color: #fff;
-  margin-bottom: 55rpx;
-  font-size: 10px;
-}
-.couponNewV2 .couponInfo {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  width: 374rpx;
-  height: 100%;
-  overflow: hidden;
-  box-sizing: border-box;
-  padding: 17.6rpx 0 17.6rpx 26.4rpx;
-  border-bottom-right-radius: 8.8rpx;
-  border-top-right-radius: 8.8rpx;
-  color: #888888;
-  font-size: 22rpx;
-  text-align: left;
-}
-.couponNewV2 .couponInfo span {
-  display: inline-block;
-}
-.couponNewV2 .couponInfo .couponName {
-  width: 100%;
-  line-height: 33rpx;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  margin-bottom: 17.6rpx;
-  color: #505050;
-  font-size: 26.4rpx;
-  font-weight: 500;
-}
-.couponNewV2 .couponInfo .couponUseTime {
-  width: 100%;
-  height: 30.8rpx;
-  line-height: 30.8rpx;
-  font-size: 22rpx;
-}
-.couponNewV2 .couponInfo .noSuperposition {
-  color: #FF821F;
-}
-.couponNewV2 .couponInfo .moreInfo {
-  display: flex;
-  align-items: center;
-  padding: 2.2rpx 0;
-}
-.couponNewV2 .couponInfo .operateBtn {
-  width: 26.4rpx;
-  height: 26.4rpx;
-  cursor: pointer;
-  margin-left: 6.6rpx;
-  background-size: 100% 100%;
-}
-.couponNewV2 .couponInfo .retract {
-  background: url('../../../common/assets/images/coupon/up.svg') center no-repeat;
-}
-.couponNewV2 .couponState {
-  position: absolute;
-  right: 0;
-  width: 132rpx;
-  height: 100%;
-}
-.couponNewV2 .couponState .superImg {
-  width: 88rpx;
-  height: 88rpx;
-  background-size: 100% 100%;
-  position: absolute;
-  right: 0;
-}
-.couponNewV2 .couponState .coupon-choose-box {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  border-radius: 0 8.8rpx 8.8rpx 0;
-}
-.couponNewV2 .couponState .coupon-choose-box .coupon-choose {
-  width: 44rpx;
-  height: 44rpx;
-  border-radius: 50%;
-  box-sizing: border-box;
-  background-size: 100% 100%;
-}
-.couponNewV2 .couponState .coupon-choose-box .coupon-unchoosed {
-  border: 3.3rpx solid #CCC;
-  background: none;
-}
-.disabledState {
-  background-color: #EEEEEE !important;
-}
-.disabledState .couponValue {
-  background: #CDCDCD !important;
-}
-.whiteBg {
-  background-color: #fff !important;
-}
-.disabledHint {
-  width: 30rpx;
-  height: 30rpx;
-  margin-right: 8rpx;
-  transform: translateY(6rpx);
-}
+.couponNewWrap {
+  width: 100%;
+  margin-bottom: 26.4rpx;
+  margin-left: auto;
+  margin-right: auto;
+}
+.couponNewWrap:last-child {
+  margin-bottom: 0;
+}
+.couponNewWrap .detailInfo {
+  display: flex;
+  align-items: center;
+  padding: 35.2rpx;
+  background-color: #FFFAF4;
+  box-sizing: border-box;
+  border-radius: 0 0 4px 4px;
+  color: #505050;
+  font-size: 22rpx;
+  background: #FFFAF4;
+  text-align: left;
+}
+.couponNewWrap .detailInfo .instructions {
+  font-size: 14px;
+  color: #505050;
+}
+.couponNewWrap .detailInfo .instructions text {
+  white-space: pre-wrap;
+}
+.couponNewV2 {
+  position: relative;
+  display: flex;
+  width: 100%;
+  height: 224.4rpx;
+  margin-left: auto;
+  margin-right: auto;
+  overflow: hidden;
+  border-radius: 8.8rpx;
+  background-color: #fff;
+}
+.couponNewV2 .couponValue {
+  width: 228.8rpx;
+  height: 224.4rpx;
+  background: #FF821F !important;
+  box-sizing: border-box;
+  border-radius: 8.8rpx 0 0 8.8rpx;
+}
+.couponNewV2 .couponValue .couponPrice {
+  position: relative;
+  width: 100%;
+  height: 99rpx;
+  margin: 30.8rpx auto 8.8rpx;
+  text-align: center;
+  line-height: 99rpx;
+  font-size: 96.8rpx;
+  font-weight: 500;
+  color: #fff;
+}
+.couponNewV2 .couponValue .couponPrice .fontSmall {
+  font-size: 52.8rpx !important;
+}
+.couponNewV2 .couponValue .couponPrice .fontLastSmall {
+  font-size: 35.2rpx !important;
+}
+.couponNewV2 .couponValue .couponPrice .fixedfont {
+  font-size: 26.4rpx !important;
+}
+.couponNewV2 .couponValue .couponPrice .fixedPercent {
+  font-size: 35.2rpx !important;
+}
+.couponNewV2 .couponValue .couponPrice span {
+  position: relative;
+  display: inline-block;
+}
+.couponNewV2 .couponValue .couponPrice .discountFont,
+.couponNewV2 .couponValue .couponPrice .coupon-symbol {
+  font-size: 35.2rpx;
+  margin-left: 2.2rpx;
+  margin-left: -1.1rpx;
+}
+.couponNewV2 .couponValue .couponUseCondition {
+  width: 100%;
+  overflow: hidden;
+  max-height: 88rpx;
+  line-height: 39.6rpx;
+  color: #fff;
+  text-align: center;
+}
+.couponNewV2 .couponValue .couponMaxDiscountNum {
+  width: 100%;
+  text-align: center;
+  color: #fff;
+  margin-bottom: 55rpx;
+  font-size: 10px;
+}
+.couponNewV2 .couponInfo {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  width: 374rpx;
+  height: 100%;
+  overflow: hidden;
+  box-sizing: border-box;
+  padding: 17.6rpx 0 17.6rpx 26.4rpx;
+  border-bottom-right-radius: 8.8rpx;
+  border-top-right-radius: 8.8rpx;
+  color: #888888;
+  font-size: 22rpx;
+  text-align: left;
+}
+.couponNewV2 .couponInfo span {
+  display: inline-block;
+}
+.couponNewV2 .couponInfo .couponName {
+  width: 100%;
+  line-height: 33rpx;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-bottom: 17.6rpx;
+  color: #505050;
+  font-size: 26.4rpx;
+  font-weight: 500;
+}
+.couponNewV2 .couponInfo .couponUseTime {
+  width: 100%;
+  height: 30.8rpx;
+  line-height: 30.8rpx;
+  font-size: 22rpx;
+}
+.couponNewV2 .couponInfo .noSuperposition {
+  color: #FF821F;
+}
+.couponNewV2 .couponInfo .moreInfo {
+  display: flex;
+  align-items: center;
+  padding: 2.2rpx 0;
+}
+.couponNewV2 .couponInfo .operateBtn {
+  width: 26.4rpx;
+  height: 26.4rpx;
+  cursor: pointer;
+  margin-left: 6.6rpx;
+  background-size: 100% 100%;
+}
+.couponNewV2 .couponInfo .retract {
+  background: url('../../../common/assets/images/coupon/up.svg') center no-repeat;
+}
+.couponNewV2 .couponState {
+  position: absolute;
+  right: 0;
+  width: 132rpx;
+  height: 100%;
+}
+.couponNewV2 .couponState .superImg {
+  width: 88rpx;
+  height: 88rpx;
+  background-size: 100% 100%;
+  position: absolute;
+  right: 0;
+}
+.couponNewV2 .couponState .coupon-choose-box {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  border-radius: 0 8.8rpx 8.8rpx 0;
+}
+.couponNewV2 .couponState .coupon-choose-box .coupon-choose {
+  width: 44rpx;
+  height: 44rpx;
+  border-radius: 50%;
+  box-sizing: border-box;
+  background-size: 100% 100%;
+}
+.couponNewV2 .couponState .coupon-choose-box .coupon-unchoosed {
+  border: 3.3rpx solid #CCC;
+  background: none;
+}
+.disabledState {
+  background-color: #EEEEEE !important;
+}
+.disabledState .couponValue {
+  background: #CDCDCD !important;
+}
+.whiteBg {
+  background-color: #fff !important;
+}
+.disabledHint {
+  width: 30rpx;
+  height: 30rpx;
+  margin-right: 8rpx;
+  transform: translateY(6rpx);
+}