xiaoe_mp_npm 1.0.12-alpha1 → 1.0.12-alpha2
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.
- package/miniprogram_dist/CouponList/components/CouponItem/index.scss +95 -36
- package/miniprogram_dist/CouponList/components/CouponItem/index.wxml +1 -1
- package/miniprogram_dist/CouponList/components/CouponItem/index.wxss +364 -132
- package/package.json +1 -1
- package/src/CouponList/components/CouponItem/index.scss +95 -36
- package/src/CouponList/components/CouponItem/index.wxml +1 -1
- package/src/CouponList/components/CouponItem/index.wxss +1 -1
|
@@ -72,7 +72,7 @@ $deviceWidth: 750;
|
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
&.vertical-screen {
|
|
75
|
-
width: vmin(
|
|
75
|
+
width: vmin(476);
|
|
76
76
|
margin: 0 auto;
|
|
77
77
|
|
|
78
78
|
&.not-pop-card {
|
|
@@ -80,7 +80,37 @@ $deviceWidth: 750;
|
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
.coupon_style1 {
|
|
83
|
-
height: vmin(
|
|
83
|
+
height: vmin(176);
|
|
84
|
+
background: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png') center no-repeat !important;
|
|
85
|
+
.couponValue {
|
|
86
|
+
width: vmin(190);
|
|
87
|
+
}
|
|
88
|
+
.couponName {
|
|
89
|
+
font-size: vmin(24) !important;
|
|
90
|
+
}
|
|
91
|
+
.couponInfo {
|
|
92
|
+
justify-content: flex-start;
|
|
93
|
+
padding: vmin(16) vmin(22) vmin(16) vmin(26);
|
|
94
|
+
}
|
|
95
|
+
.couponState {
|
|
96
|
+
position: absolute;
|
|
97
|
+
right: vmin(12);
|
|
98
|
+
top: 90%;
|
|
99
|
+
transform: translateY(-90%);
|
|
100
|
+
height: vmin(38);
|
|
101
|
+
line-height: vmin(38);
|
|
102
|
+
background: #FF5429;
|
|
103
|
+
border-radius: vmin(38);
|
|
104
|
+
text-align: center;
|
|
105
|
+
color: #fff;
|
|
106
|
+
border: none;
|
|
107
|
+
cursor: pointer;
|
|
108
|
+
font-size: vmin(24);
|
|
109
|
+
font-weight: 500;
|
|
110
|
+
&.vertical-btn {
|
|
111
|
+
width: vmin(88);
|
|
112
|
+
}
|
|
113
|
+
}
|
|
84
114
|
}
|
|
85
115
|
}
|
|
86
116
|
|
|
@@ -95,6 +125,7 @@ $deviceWidth: 750;
|
|
|
95
125
|
|
|
96
126
|
.coupon_style1 {
|
|
97
127
|
display: flex;
|
|
128
|
+
align-items: center;
|
|
98
129
|
position: relative;
|
|
99
130
|
width: 100%;
|
|
100
131
|
background: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png') center no-repeat;
|
|
@@ -122,13 +153,16 @@ $deviceWidth: 750;
|
|
|
122
153
|
font-weight: 600;
|
|
123
154
|
|
|
124
155
|
.coupon-symbol {
|
|
125
|
-
margin-right: vmin(4);
|
|
156
|
+
// margin-right: vmin(4);
|
|
126
157
|
font-size: vmin(32);
|
|
127
158
|
}
|
|
128
159
|
|
|
129
160
|
.coupon-price {
|
|
130
161
|
display: flex;
|
|
131
162
|
font-size: vmin(80);
|
|
163
|
+
&.discount-percent {
|
|
164
|
+
margin-top: -1.8vmin;
|
|
165
|
+
}
|
|
132
166
|
}
|
|
133
167
|
|
|
134
168
|
.discountFont {
|
|
@@ -149,14 +183,15 @@ $deviceWidth: 750;
|
|
|
149
183
|
}
|
|
150
184
|
|
|
151
185
|
.couponInfo {
|
|
186
|
+
flex: 1;
|
|
152
187
|
position: relative;
|
|
153
188
|
display: flex;
|
|
154
189
|
flex-direction: column;
|
|
155
190
|
justify-content: space-around;
|
|
156
|
-
max-width: vmin(340);
|
|
191
|
+
// max-width: vmin(340);
|
|
157
192
|
height: 100%;
|
|
158
193
|
box-sizing: border-box;
|
|
159
|
-
padding: vmin(16) 0 vmin(16) vmin(
|
|
194
|
+
padding: vmin(16) 0 vmin(16) vmin(20);
|
|
160
195
|
color: #999999;
|
|
161
196
|
font-size: vmin(20);
|
|
162
197
|
line-height: vmin(24);
|
|
@@ -166,14 +201,13 @@ $deviceWidth: 750;
|
|
|
166
201
|
.couponName {
|
|
167
202
|
width: 100%;
|
|
168
203
|
line-height: vmin(40);
|
|
169
|
-
overflow: hidden;
|
|
170
|
-
text-overflow: ellipsis;
|
|
171
|
-
margin-bottom: 2.13vmin;
|
|
172
204
|
color: #333333;
|
|
173
205
|
font-size: vmin(28);
|
|
174
206
|
font-weight: 500;
|
|
207
|
+
overflow: hidden;
|
|
208
|
+
text-overflow: ellipsis;
|
|
175
209
|
display: -webkit-box;
|
|
176
|
-
-webkit-line-clamp:
|
|
210
|
+
-webkit-line-clamp: 1;
|
|
177
211
|
-webkit-box-orient: vertical;
|
|
178
212
|
}
|
|
179
213
|
.moreCouponInfo{
|
|
@@ -205,11 +239,6 @@ $deviceWidth: 750;
|
|
|
205
239
|
}
|
|
206
240
|
|
|
207
241
|
.couponState {
|
|
208
|
-
position: absolute;
|
|
209
|
-
right: vmin(16);
|
|
210
|
-
top: 50%;
|
|
211
|
-
transform: translateY(-50%);
|
|
212
|
-
// width: vmin(100);
|
|
213
242
|
height: vmin(48);
|
|
214
243
|
line-height: vmin(48);
|
|
215
244
|
background: #FF5429;
|
|
@@ -218,19 +247,20 @@ $deviceWidth: 750;
|
|
|
218
247
|
color: #fff;
|
|
219
248
|
border: none;
|
|
220
249
|
cursor: pointer;
|
|
250
|
+
margin-right: vmin(10);
|
|
221
251
|
|
|
222
252
|
&.fullscreen-btn {
|
|
223
253
|
width: vmin(136);
|
|
224
254
|
}
|
|
225
255
|
|
|
226
256
|
&.vertical-btn {
|
|
227
|
-
width: vmin(
|
|
257
|
+
width: vmin(106);
|
|
228
258
|
}
|
|
229
259
|
|
|
230
260
|
.couponBtn {
|
|
231
261
|
color: rgba(255, 255, 255, 1);
|
|
232
262
|
font-size: vmin(24);
|
|
233
|
-
font-weight:
|
|
263
|
+
font-weight: 500;
|
|
234
264
|
text-align: center;
|
|
235
265
|
font-family: "PingFang SC";
|
|
236
266
|
}
|
|
@@ -433,17 +463,47 @@ $deviceWidth: 750;
|
|
|
433
463
|
|
|
434
464
|
@mixin styleType1_wrapper-v {
|
|
435
465
|
&.vertical-screen {
|
|
436
|
-
width: vmin(
|
|
437
|
-
height: vmin(
|
|
466
|
+
width: vmin(476);
|
|
467
|
+
height: vmin(176);
|
|
438
468
|
margin: 0 auto;
|
|
439
469
|
|
|
440
470
|
&.not-pop-card {
|
|
441
|
-
width: vmin(
|
|
471
|
+
width: vmin(476);
|
|
442
472
|
margin-bottom: 0;
|
|
443
473
|
}
|
|
444
474
|
|
|
445
475
|
.coupon_style1 {
|
|
446
|
-
height: vmin(
|
|
476
|
+
height: vmin(176);
|
|
477
|
+
background: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lwho4h4o0bls.png') center no-repeat !important;
|
|
478
|
+
.couponValue {
|
|
479
|
+
width: vmin(190);
|
|
480
|
+
}
|
|
481
|
+
.couponName {
|
|
482
|
+
font-size: vmin(24) !important;
|
|
483
|
+
}
|
|
484
|
+
.couponInfo {
|
|
485
|
+
justify-content: flex-start;
|
|
486
|
+
padding: vmin(16) vmin(22) vmin(16) vmin(26);
|
|
487
|
+
}
|
|
488
|
+
.couponState {
|
|
489
|
+
position: absolute;
|
|
490
|
+
right: vmin(12);
|
|
491
|
+
top: 90%;
|
|
492
|
+
transform: translateY(-90%);
|
|
493
|
+
height: vmin(38);
|
|
494
|
+
line-height: vmin(38);
|
|
495
|
+
background: #FF5429;
|
|
496
|
+
border-radius: vmin(38);
|
|
497
|
+
text-align: center;
|
|
498
|
+
color: #fff;
|
|
499
|
+
border: none;
|
|
500
|
+
cursor: pointer;
|
|
501
|
+
font-size: vmin(24);
|
|
502
|
+
font-weight: 500;
|
|
503
|
+
&.vertical-btn {
|
|
504
|
+
width: vmin(88);
|
|
505
|
+
}
|
|
506
|
+
}
|
|
447
507
|
}
|
|
448
508
|
}
|
|
449
509
|
|
|
@@ -458,6 +518,7 @@ $deviceWidth: 750;
|
|
|
458
518
|
|
|
459
519
|
.coupon_style1 {
|
|
460
520
|
display: flex;
|
|
521
|
+
align-items: center;
|
|
461
522
|
position: relative;
|
|
462
523
|
width: 100%;
|
|
463
524
|
background: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lw67cw3y0qse.png') center no-repeat;
|
|
@@ -495,6 +556,9 @@ $deviceWidth: 750;
|
|
|
495
556
|
align-items: baseline;
|
|
496
557
|
font-weight: 500;
|
|
497
558
|
font-size: vmin(64) !important;
|
|
559
|
+
&.discount-percent {
|
|
560
|
+
margin-top: -1vmin;
|
|
561
|
+
}
|
|
498
562
|
}
|
|
499
563
|
|
|
500
564
|
.coupon-price-long {
|
|
@@ -527,11 +591,13 @@ $deviceWidth: 750;
|
|
|
527
591
|
}
|
|
528
592
|
|
|
529
593
|
.couponInfo {
|
|
594
|
+
flex: 1;
|
|
530
595
|
display: flex;
|
|
531
596
|
flex-direction: column;
|
|
532
597
|
justify-content: flex-start;
|
|
533
|
-
width: 100%;
|
|
534
|
-
height: vmin(192);
|
|
598
|
+
// width: 100%;
|
|
599
|
+
// height: vmin(192);
|
|
600
|
+
height: 100%;
|
|
535
601
|
box-sizing: border-box;
|
|
536
602
|
padding: vmin(16);
|
|
537
603
|
color: #999999;
|
|
@@ -541,18 +607,15 @@ $deviceWidth: 750;
|
|
|
541
607
|
text-align: left;
|
|
542
608
|
|
|
543
609
|
.couponName {
|
|
544
|
-
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
width: vmin(232);
|
|
610
|
+
width: 100%;
|
|
611
|
+
line-height: vmin(40);
|
|
612
|
+
color: #333333;
|
|
613
|
+
font-size: vmin(28);
|
|
549
614
|
font-weight: 500;
|
|
550
|
-
margin-bottom: vmin(8);
|
|
551
615
|
overflow: hidden;
|
|
552
|
-
// white-space: nowrap;
|
|
553
616
|
text-overflow: ellipsis;
|
|
554
617
|
display: -webkit-box;
|
|
555
|
-
-webkit-line-clamp:
|
|
618
|
+
-webkit-line-clamp: 1;
|
|
556
619
|
-webkit-box-orient: vertical;
|
|
557
620
|
}
|
|
558
621
|
|
|
@@ -566,11 +629,6 @@ $deviceWidth: 750;
|
|
|
566
629
|
}
|
|
567
630
|
|
|
568
631
|
.couponState {
|
|
569
|
-
position: absolute;
|
|
570
|
-
right: vmin(16);
|
|
571
|
-
top: 50%;
|
|
572
|
-
transform: translateY(-50%);
|
|
573
|
-
// width: vmin(100);
|
|
574
632
|
height: vmin(48);
|
|
575
633
|
line-height: vmin(48);
|
|
576
634
|
background: #FF5429;
|
|
@@ -579,12 +637,13 @@ $deviceWidth: 750;
|
|
|
579
637
|
color: #fff;
|
|
580
638
|
border: none;
|
|
581
639
|
cursor: pointer;
|
|
640
|
+
margin-right: vmin(10);
|
|
582
641
|
|
|
583
642
|
// &.fullscreen-btn {
|
|
584
643
|
// width: vmin(136);
|
|
585
644
|
// }
|
|
586
645
|
&.vertical-btn {
|
|
587
|
-
width: vmin(
|
|
646
|
+
width: vmin(106);
|
|
588
647
|
}
|
|
589
648
|
|
|
590
649
|
.couponBtn {
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
</view>
|
|
21
21
|
</block>
|
|
22
22
|
<block wx:if="{{item.discount_way == 2}}">
|
|
23
|
-
<view class="coupon-price">
|
|
23
|
+
<view class="coupon-price discount-percent">
|
|
24
24
|
<view>{{price.ToFilter(item.discount_percent, false)}}</view>
|
|
25
25
|
<view wx:if="{{item.discount_percent % 10 != 0 && !aliveMode}}">.{{ price.fixedFont(item.discount_percent, false) }}</view>
|
|
26
26
|
</view>
|