xiaoe_mp_npm 1.0.12-alpha3 → 1.0.12-alpha5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/miniprogram_dist/CouponList/components/CouponItem/index.scss +35 -28
  2. package/miniprogram_dist/CouponList/components/CouponItem/index.wxss +523 -482
  3. package/package.json +1 -1
  4. package/src/CouponList/components/CouponItem/index.scss +35 -28
  5. package/src/CouponList/components/CouponItem/index.wxss +2376 -1
package/miniprogram_dist/CouponList/components/CouponItem/index.scss CHANGED
@@ -11,6 +11,7 @@ $deviceWidth: 750;
11
11
  margin-bottom: 0;
12
12
  position: relative;
13
13
  height: 100%;
14
+ /* 右下角卡片 */
14
15
  &.vertical-screen {
15
16
  width: vmin(280);
16
17
  height: 100%;
@@ -19,28 +20,29 @@ $deviceWidth: 750;
19
20
  flex-direction: column;
20
21
  position: relative;
21
22
  width: 100%;
22
- min-height: vmin(320);
23
+ min-height: vmin(360);
23
24
  background: none !important;
24
25
  .couponValue {
25
26
  padding: vmin(40) vmin(16) vmin(16) vmin(16);
26
- width: 98%;
27
- height: vmin(140);
27
+ width: 98.5%;
28
+ height: vmin(160);
28
29
  background: rgba(255, 120, 31, 1);
29
30
  color: #fff;
30
31
  border-radius: vmin(16) vmin(16) 0 0;
31
32
  margin: 0;
32
33
  .couponUseCondition{
33
34
  color: #fff;
35
+ padding-top: vmin(0) !important;
34
36
  }
35
37
  }
36
-
38
+
37
39
  .couponInfo {
38
40
  flex: 1;
39
41
  background: rgba(255, 255, 255, 1);
40
42
  padding: vmin(16) vmin(16) vmin(30) vmin(16);
41
43
  border-radius: 0 0 vmin(16) vmin(16);
42
44
  margin: 0;
43
-
45
+
44
46
  .couponName {
45
47
  height: vmin(32);
46
48
  line-height: vmin(32);
@@ -52,7 +54,7 @@ $deviceWidth: 750;
52
54
 
53
55
  }
54
56
  }
55
-
57
+
56
58
  .couponState {
57
59
  position: absolute;
58
60
  left: vmin(16);
@@ -61,15 +63,15 @@ $deviceWidth: 750;
61
63
  height: vmin(48);
62
64
  line-height: vmin(48);
63
65
  border-radius: vmin(8);
64
-
66
+
65
67
  &.fullscreen-btn {
66
68
  width: 90%;
67
69
  }
68
-
70
+
69
71
  &.vertical-btn {
70
72
  width: 88%;
71
73
  }
72
-
74
+
73
75
  }
74
76
  }
75
77
  }
@@ -77,19 +79,21 @@ $deviceWidth: 750;
77
79
 
78
80
  &.vertical-screen {
79
81
  width: vmin(476);
82
+ height: 100%;
80
83
  margin: 0 auto;
81
84
 
82
85
  &.not-pop-card {
83
86
  margin-bottom: vmin(32);
84
87
  }
85
-
88
+ /* 讨论区 */
86
89
  .coupon_style1 {
87
- height: vmin(176);
88
- width: vmin(476);
89
- background: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png') center no-repeat !important;
90
+ height: 100%;
91
+ width: 100%;
92
+ background: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png') no-repeat;
93
+ background-size: 100% 100%;
94
+ box-sizing: border-box;
90
95
  .couponValue {
91
- width: vmin(192);
92
- margin-left: 1vmin;
96
+ width: vmin(192);
93
97
  box-sizing: border-box;
94
98
  padding: 0 .4vmin;
95
99
  .couponPriceWrap{
@@ -130,7 +134,7 @@ $deviceWidth: 750;
130
134
  &.full-screen-list {
131
135
  width: vmin(694);
132
136
  margin: vmin(24) vmin(32) 0 vmin(32);
133
-
137
+ /* 全屏列表 */
134
138
  .coupon_style1 {
135
139
  height: vmin(202);
136
140
  }
@@ -140,6 +144,7 @@ $deviceWidth: 750;
140
144
  display: flex;
141
145
  align-items: center;
142
146
  position: relative;
147
+ height: 100%;
143
148
  width: 100%;
144
149
  background: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png') center no-repeat;
145
150
  background-size: 100% 100%;
@@ -389,7 +394,7 @@ $deviceWidth: 750;
389
394
  flex-direction: row;
390
395
  align-items: flex-end;
391
396
  height: vmin(48);
392
-
397
+
393
398
  .couponPriceWrap {
394
399
  position: relative;
395
400
  display: flex;
@@ -497,10 +502,12 @@ $deviceWidth: 750;
497
502
  }
498
503
 
499
504
  .coupon_style1 {
500
- height: vmin(176);
501
- background: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png') center no-repeat !important;
505
+ height: 100%;
506
+ width: 100%;
507
+ background: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwofsfs60b74.png') no-repeat !important;
508
+ background-size: 100% 100%;
502
509
  .couponValue {
503
- width: vmin(190);
510
+ width: vmin(190);
504
511
  }
505
512
  .couponName {
506
513
  font-size: vmin(24) !important;
@@ -555,7 +562,7 @@ $deviceWidth: 750;
555
562
  align-items: center;
556
563
  justify-content: center;
557
564
  position: relative;
558
-
565
+
559
566
  .giftCouponName{
560
567
  font-size: vmin(36);
561
568
  font-weight: 500;
@@ -730,11 +737,11 @@ $deviceWidth: 750;
730
737
  .styleType1_wrapper {
731
738
  @include styleType1_wrapper;
732
739
  }
733
-
740
+
734
741
  .styleType2_wrapper {
735
742
  @include styleType2_wrapper;
736
743
  }
737
-
744
+
738
745
  .styleType1_wrapper-v {
739
746
  @include styleType1_wrapper-v;
740
747
  }
@@ -746,11 +753,11 @@ $deviceWidth: 750;
746
753
  .styleType1_wrapper {
747
754
  @include styleType1_wrapper;
748
755
  }
749
-
756
+
750
757
  .styleType2_wrapper {
751
758
  @include styleType2_wrapper;
752
759
  }
753
-
760
+
754
761
  .styleType1_wrapper-v {
755
762
  @include styleType1_wrapper-v;
756
763
  }
@@ -762,12 +769,12 @@ $deviceWidth: 750;
762
769
  .styleType1_wrapper {
763
770
  @include styleType1_wrapper;
764
771
  }
765
-
772
+
766
773
  .styleType2_wrapper {
767
774
  @include styleType2_wrapper;
768
775
  }
769
-
776
+
770
777
  .styleType1_wrapper-v {
771
778
  @include styleType1_wrapper-v;
772
779
  }
773
- }
780
+ }