xiaoe_mp_npm 1.1.26-test01 → 1.1.26-test03

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 (9) hide show
  1. package/miniprogram_dist/LiveGoodsList/index.scss +10 -9
  2. package/miniprogram_dist/LiveGoodsList/index.wxss +40 -36
  3. package/miniprogram_dist/TeacherGoodsList/index.scss +10 -9
  4. package/miniprogram_dist/TeacherGoodsList/index.wxss +40 -36
  5. package/package.json +1 -1
  6. package/src/LiveGoodsList/index.scss +10 -9
  7. package/src/LiveGoodsList/index.wxss +1 -1
  8. package/src/TeacherGoodsList/index.scss +10 -9
  9. package/src/TeacherGoodsList/index.wxss +1 -1
package/miniprogram_dist/LiveGoodsList/index.scss CHANGED
@@ -106,8 +106,9 @@ $deviceWidth: 750;
106
106
  position: relative;
107
107
 
108
108
  .refresh {
109
- min-width: 154px;
110
- padding: 12px 16px;
109
+ box-sizing: border-box;
110
+ min-width: vmin(308);
111
+ padding: vmin(24) vmin(32);
111
112
  display: flex;
112
113
  justify-content: center;
113
114
  align-items: center;
@@ -115,22 +116,22 @@ $deviceWidth: 750;
115
116
  color: #999;
116
117
  color: #ffffff;
117
118
  font-family: "PingFang SC";
118
- font-size: 14px;
119
+ font-size: vmin(28);
119
120
  font-style: normal;
120
121
  font-weight: 400;
121
- line-height: 20px;
122
+ line-height: vmin(40);
122
123
  background: rgba(0, 0, 0, 0.7);
123
- backdrop-filter: blur(12px);
124
- border-radius: 8px;
124
+ backdrop-filter: blur(vmin(24));
125
+ border-radius: vmin(16);
125
126
  position: absolute;
126
127
  left: 50%;
127
128
  top: 0;
128
129
  transform: translateX(-50%);
129
130
  z-index: 9999;
130
131
  .icon {
131
- width: 16px;
132
- height: 16px;
133
- margin-left: 8px;
132
+ width: vmin(32);
133
+ height: vmin(32);
134
+ margin-left: vmin(16);
134
135
  }
135
136
  .icon-refresh {
136
137
  animation: rotate 2s infinite linear;
package/miniprogram_dist/LiveGoodsList/index.wxss CHANGED
@@ -93,8 +93,9 @@
93
93
  position: relative;
94
94
  }
95
95
  .goods-list-box .page-main .refresh {
96
- min-width: 154px;
97
- padding: 12px 16px;
96
+ box-sizing: border-box;
97
+ min-width: 41.06667vmin;
98
+ padding: 3.2vmin 4.26667vmin;
98
99
  display: flex;
99
100
  justify-content: center;
100
101
  align-items: center;
@@ -102,13 +103,13 @@
102
103
  color: #999;
103
104
  color: #ffffff;
104
105
  font-family: "PingFang SC";
105
- font-size: 14px;
106
+ font-size: 3.73333vmin;
106
107
  font-style: normal;
107
108
  font-weight: 400;
108
- line-height: 20px;
109
+ line-height: 5.33333vmin;
109
110
  background: rgba(0, 0, 0, 0.7);
110
- backdrop-filter: blur(12px);
111
- border-radius: 8px;
111
+ backdrop-filter: blur(3.2vmin);
112
+ border-radius: 2.13333vmin;
112
113
  position: absolute;
113
114
  left: 50%;
114
115
  top: 0;
@@ -116,9 +117,9 @@
116
117
  z-index: 9999;
117
118
  }
118
119
  .goods-list-box .page-main .refresh .icon {
119
- width: 16px;
120
- height: 16px;
121
- margin-left: 8px;
120
+ width: 4.26667vmin;
121
+ height: 4.26667vmin;
122
+ margin-left: 2.13333vmin;
122
123
  }
123
124
  .goods-list-box .page-main .refresh .icon-refresh {
124
125
  animation: rotate 2s infinite linear;
@@ -265,8 +266,9 @@
265
266
  position: relative;
266
267
  }
267
268
  .goods-list-box .page-main .refresh {
268
- min-width: 154px;
269
- padding: 12px 16px;
269
+ box-sizing: border-box;
270
+ min-width: 20.05208vmin;
271
+ padding: 1.5625vmin 2.08333vmin;
270
272
  display: flex;
271
273
  justify-content: center;
272
274
  align-items: center;
@@ -274,13 +276,13 @@
274
276
  color: #999;
275
277
  color: #ffffff;
276
278
  font-family: "PingFang SC";
277
- font-size: 14px;
279
+ font-size: 1.82292vmin;
278
280
  font-style: normal;
279
281
  font-weight: 400;
280
- line-height: 20px;
282
+ line-height: 2.60417vmin;
281
283
  background: rgba(0, 0, 0, 0.7);
282
- backdrop-filter: blur(12px);
283
- border-radius: 8px;
284
+ backdrop-filter: blur(1.5625vmin);
285
+ border-radius: 1.04167vmin;
284
286
  position: absolute;
285
287
  left: 50%;
286
288
  top: 0;
@@ -288,9 +290,9 @@
288
290
  z-index: 9999;
289
291
  }
290
292
  .goods-list-box .page-main .refresh .icon {
291
- width: 16px;
292
- height: 16px;
293
- margin-left: 8px;
293
+ width: 2.08333vmin;
294
+ height: 2.08333vmin;
295
+ margin-left: 1.04167vmin;
294
296
  }
295
297
  .goods-list-box .page-main .refresh .icon-refresh {
296
298
  animation: rotate 2s infinite linear;
@@ -438,8 +440,9 @@
438
440
  position: relative;
439
441
  }
440
442
  .goods-list-box .page-main .refresh {
441
- min-width: 154px;
442
- padding: 12px 16px;
443
+ box-sizing: border-box;
444
+ min-width: 24.44444vmin;
445
+ padding: 1.90476vmin 2.53968vmin;
443
446
  display: flex;
444
447
  justify-content: center;
445
448
  align-items: center;
@@ -447,13 +450,13 @@
447
450
  color: #999;
448
451
  color: #ffffff;
449
452
  font-family: "PingFang SC";
450
- font-size: 14px;
453
+ font-size: 2.22222vmin;
451
454
  font-style: normal;
452
455
  font-weight: 400;
453
- line-height: 20px;
456
+ line-height: 3.1746vmin;
454
457
  background: rgba(0, 0, 0, 0.7);
455
- backdrop-filter: blur(12px);
456
- border-radius: 8px;
458
+ backdrop-filter: blur(1.90476vmin);
459
+ border-radius: 1.26984vmin;
457
460
  position: absolute;
458
461
  left: 50%;
459
462
  top: 0;
@@ -461,9 +464,9 @@
461
464
  z-index: 9999;
462
465
  }
463
466
  .goods-list-box .page-main .refresh .icon {
464
- width: 16px;
465
- height: 16px;
466
- margin-left: 8px;
467
+ width: 2.53968vmin;
468
+ height: 2.53968vmin;
469
+ margin-left: 1.26984vmin;
467
470
  }
468
471
  .goods-list-box .page-main .refresh .icon-refresh {
469
472
  animation: rotate 2s infinite linear;
@@ -611,8 +614,9 @@
611
614
  position: relative;
612
615
  }
613
616
  .goods-list-box .page-main .refresh {
614
- min-width: 154px;
615
- padding: 12px 16px;
617
+ box-sizing: border-box;
618
+ min-width: 20.05208vmin;
619
+ padding: 1.5625vmin 2.08333vmin;
616
620
  display: flex;
617
621
  justify-content: center;
618
622
  align-items: center;
@@ -620,13 +624,13 @@
620
624
  color: #999;
621
625
  color: #ffffff;
622
626
  font-family: "PingFang SC";
623
- font-size: 14px;
627
+ font-size: 1.82292vmin;
624
628
  font-style: normal;
625
629
  font-weight: 400;
626
- line-height: 20px;
630
+ line-height: 2.60417vmin;
627
631
  background: rgba(0, 0, 0, 0.7);
628
- backdrop-filter: blur(12px);
629
- border-radius: 8px;
632
+ backdrop-filter: blur(1.5625vmin);
633
+ border-radius: 1.04167vmin;
630
634
  position: absolute;
631
635
  left: 50%;
632
636
  top: 0;
@@ -634,9 +638,9 @@
634
638
  z-index: 9999;
635
639
  }
636
640
  .goods-list-box .page-main .refresh .icon {
637
- width: 16px;
638
- height: 16px;
639
- margin-left: 8px;
641
+ width: 2.08333vmin;
642
+ height: 2.08333vmin;
643
+ margin-left: 1.04167vmin;
640
644
  }
641
645
  .goods-list-box .page-main .refresh .icon-refresh {
642
646
  animation: rotate 2s infinite linear;
package/miniprogram_dist/TeacherGoodsList/index.scss CHANGED
@@ -49,8 +49,9 @@ $deviceWidth: 750;
49
49
  }
50
50
  }
51
51
  .refresh {
52
- min-width: 154px;
53
- padding: 12px 16px;
52
+ box-sizing: border-box;
53
+ min-width: vmin(308);
54
+ padding: vmin(24) vmin(32);
54
55
  display: flex;
55
56
  justify-content: center;
56
57
  align-items: center;
@@ -58,22 +59,22 @@ $deviceWidth: 750;
58
59
  color: #999;
59
60
  color: #ffffff;
60
61
  font-family: "PingFang SC";
61
- font-size: 14px;
62
+ font-size: vmin(28);
62
63
  font-style: normal;
63
64
  font-weight: 400;
64
- line-height: 20px;
65
+ line-height: vmin(40);
65
66
  background: rgba(0, 0, 0, 0.7);
66
- backdrop-filter: blur(12px);
67
- border-radius: 8px;
67
+ backdrop-filter: blur(vmin(24));
68
+ border-radius: vmin(16);
68
69
  position: absolute;
69
70
  left: 50%;
70
71
  top: 0;
71
72
  transform: translateX(-50%);
72
73
  z-index: 9999;
73
74
  .icon {
74
- width: 16px;
75
- height: 16px;
76
- margin-left: 8px;
75
+ width: vmin(32);
76
+ height: vmin(32);
77
+ margin-left: vmin(16);
77
78
  }
78
79
  .icon-refresh {
79
80
  animation: rotate 2s infinite linear;
package/miniprogram_dist/TeacherGoodsList/index.wxss CHANGED
@@ -119,8 +119,9 @@
119
119
  left: 3.2vmin;
120
120
  }
121
121
  .goods-list-container .refresh {
122
- min-width: 154px;
123
- padding: 12px 16px;
122
+ box-sizing: border-box;
123
+ min-width: 41.06667vmin;
124
+ padding: 3.2vmin 4.26667vmin;
124
125
  display: flex;
125
126
  justify-content: center;
126
127
  align-items: center;
@@ -128,13 +129,13 @@
128
129
  color: #999;
129
130
  color: #ffffff;
130
131
  font-family: "PingFang SC";
131
- font-size: 14px;
132
+ font-size: 3.73333vmin;
132
133
  font-style: normal;
133
134
  font-weight: 400;
134
- line-height: 20px;
135
+ line-height: 5.33333vmin;
135
136
  background: rgba(0, 0, 0, 0.7);
136
- backdrop-filter: blur(12px);
137
- border-radius: 8px;
137
+ backdrop-filter: blur(3.2vmin);
138
+ border-radius: 2.13333vmin;
138
139
  position: absolute;
139
140
  left: 50%;
140
141
  top: 0;
@@ -142,9 +143,9 @@
142
143
  z-index: 9999;
143
144
  }
144
145
  .goods-list-container .refresh .icon {
145
- width: 16px;
146
- height: 16px;
147
- margin-left: 8px;
146
+ width: 4.26667vmin;
147
+ height: 4.26667vmin;
148
+ margin-left: 2.13333vmin;
148
149
  }
149
150
  .goods-list-container .refresh .icon-refresh {
150
151
  animation: rotate 2s infinite linear;
@@ -205,8 +206,9 @@
205
206
  left: 1.5625vmin;
206
207
  }
207
208
  .goods-list-container .refresh {
208
- min-width: 154px;
209
- padding: 12px 16px;
209
+ box-sizing: border-box;
210
+ min-width: 20.05208vmin;
211
+ padding: 1.5625vmin 2.08333vmin;
210
212
  display: flex;
211
213
  justify-content: center;
212
214
  align-items: center;
@@ -214,13 +216,13 @@
214
216
  color: #999;
215
217
  color: #ffffff;
216
218
  font-family: "PingFang SC";
217
- font-size: 14px;
219
+ font-size: 1.82292vmin;
218
220
  font-style: normal;
219
221
  font-weight: 400;
220
- line-height: 20px;
222
+ line-height: 2.60417vmin;
221
223
  background: rgba(0, 0, 0, 0.7);
222
- backdrop-filter: blur(12px);
223
- border-radius: 8px;
224
+ backdrop-filter: blur(1.5625vmin);
225
+ border-radius: 1.04167vmin;
224
226
  position: absolute;
225
227
  left: 50%;
226
228
  top: 0;
@@ -228,9 +230,9 @@
228
230
  z-index: 9999;
229
231
  }
230
232
  .goods-list-container .refresh .icon {
231
- width: 16px;
232
- height: 16px;
233
- margin-left: 8px;
233
+ width: 2.08333vmin;
234
+ height: 2.08333vmin;
235
+ margin-left: 1.04167vmin;
234
236
  }
235
237
  .goods-list-container .refresh .icon-refresh {
236
238
  animation: rotate 2s infinite linear;
@@ -292,8 +294,9 @@
292
294
  left: 1.90476vmin;
293
295
  }
294
296
  .goods-list-container .refresh {
295
- min-width: 154px;
296
- padding: 12px 16px;
297
+ box-sizing: border-box;
298
+ min-width: 24.44444vmin;
299
+ padding: 1.90476vmin 2.53968vmin;
297
300
  display: flex;
298
301
  justify-content: center;
299
302
  align-items: center;
@@ -301,13 +304,13 @@
301
304
  color: #999;
302
305
  color: #ffffff;
303
306
  font-family: "PingFang SC";
304
- font-size: 14px;
307
+ font-size: 2.22222vmin;
305
308
  font-style: normal;
306
309
  font-weight: 400;
307
- line-height: 20px;
310
+ line-height: 3.1746vmin;
308
311
  background: rgba(0, 0, 0, 0.7);
309
- backdrop-filter: blur(12px);
310
- border-radius: 8px;
312
+ backdrop-filter: blur(1.90476vmin);
313
+ border-radius: 1.26984vmin;
311
314
  position: absolute;
312
315
  left: 50%;
313
316
  top: 0;
@@ -315,9 +318,9 @@
315
318
  z-index: 9999;
316
319
  }
317
320
  .goods-list-container .refresh .icon {
318
- width: 16px;
319
- height: 16px;
320
- margin-left: 8px;
321
+ width: 2.53968vmin;
322
+ height: 2.53968vmin;
323
+ margin-left: 1.26984vmin;
321
324
  }
322
325
  .goods-list-container .refresh .icon-refresh {
323
326
  animation: rotate 2s infinite linear;
@@ -379,8 +382,9 @@
379
382
  left: 1.5625vmin;
380
383
  }
381
384
  .goods-list-container .refresh {
382
- min-width: 154px;
383
- padding: 12px 16px;
385
+ box-sizing: border-box;
386
+ min-width: 20.05208vmin;
387
+ padding: 1.5625vmin 2.08333vmin;
384
388
  display: flex;
385
389
  justify-content: center;
386
390
  align-items: center;
@@ -388,13 +392,13 @@
388
392
  color: #999;
389
393
  color: #ffffff;
390
394
  font-family: "PingFang SC";
391
- font-size: 14px;
395
+ font-size: 1.82292vmin;
392
396
  font-style: normal;
393
397
  font-weight: 400;
394
- line-height: 20px;
398
+ line-height: 2.60417vmin;
395
399
  background: rgba(0, 0, 0, 0.7);
396
- backdrop-filter: blur(12px);
397
- border-radius: 8px;
400
+ backdrop-filter: blur(1.5625vmin);
401
+ border-radius: 1.04167vmin;
398
402
  position: absolute;
399
403
  left: 50%;
400
404
  top: 0;
@@ -402,9 +406,9 @@
402
406
  z-index: 9999;
403
407
  }
404
408
  .goods-list-container .refresh .icon {
405
- width: 16px;
406
- height: 16px;
407
- margin-left: 8px;
409
+ width: 2.08333vmin;
410
+ height: 2.08333vmin;
411
+ margin-left: 1.04167vmin;
408
412
  }
409
413
  .goods-list-container .refresh .icon-refresh {
410
414
  animation: rotate 2s infinite linear;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xiaoe_mp_npm",
3
- "version": "1.1.26-test01",
3
+ "version": "1.1.26-test03",
4
4
  "description": "",
5
5
  "main": "miniprogram_dist/index.js",
6
6
  "scripts": {
package/src/LiveGoodsList/index.scss CHANGED
@@ -106,8 +106,9 @@ $deviceWidth: 750;
106
106
  position: relative;
107
107
 
108
108
  .refresh {
109
- min-width: 154px;
110
- padding: 12px 16px;
109
+ box-sizing: border-box;
110
+ min-width: vmin(308);
111
+ padding: vmin(24) vmin(32);
111
112
  display: flex;
112
113
  justify-content: center;
113
114
  align-items: center;
@@ -115,22 +116,22 @@ $deviceWidth: 750;
115
116
  color: #999;
116
117
  color: #ffffff;
117
118
  font-family: "PingFang SC";
118
- font-size: 14px;
119
+ font-size: vmin(28);
119
120
  font-style: normal;
120
121
  font-weight: 400;
121
- line-height: 20px;
122
+ line-height: vmin(40);
122
123
  background: rgba(0, 0, 0, 0.7);
123
- backdrop-filter: blur(12px);
124
- border-radius: 8px;
124
+ backdrop-filter: blur(vmin(24));
125
+ border-radius: vmin(16);
125
126
  position: absolute;
126
127
  left: 50%;
127
128
  top: 0;
128
129
  transform: translateX(-50%);
129
130
  z-index: 9999;
130
131
  .icon {
131
- width: 16px;
132
- height: 16px;
133
- margin-left: 8px;
132
+ width: vmin(32);
133
+ height: vmin(32);
134
+ margin-left: vmin(16);
134
135
  }
135
136
  .icon-refresh {
136
137
  animation: rotate 2s infinite linear;
package/src/LiveGoodsList/index.wxss CHANGED
@@ -1 +1 @@
1
- .goods-list-box .goods-list-box-popup{width:100vmin}.goods-list-box .box{margin:0 1.6vmin}.goods-list-box .title{margin:0;padding:4.26667vmin 2.13333vmin 2.13333vmin;color:rgba(69,90,100,0.6);font-weight:normal;font-size:2.4vmin;line-height:2.66667vmin;text-align:center}.goods-list-box .goods-list-box-popup-header{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:16vmin}.goods-list-box .goods-list-box-popup-header .goods-list-box-popup-header-bg{box-sizing:border-box;width:70.66667vmin;height:17.06667vmin}.goods-list-box .goods-list-box-popup-header .lottery-title{margin-bottom:2.66667vmin;font-size:3.73333vmin;color:#fff}.goods-list-box .goods-list-box-popup-header .close-icon{position:absolute;top:20.26667vmin;right:-1.33333vmin;z-index:1;box-sizing:border-box;padding:1.33333vmin;width:6.93333vmin;height:6.93333vmin}.goods-list-box .tag-group-list .tag-group-item-box{display:flex;flex-wrap:nowrap;align-items:center;padding-left:4.26667vmin;height:11.73333vmin;box-sizing:border-box}.goods-list-box .tag-group-list .tag-group-item{flex-shrink:0;position:relative;height:11.73333vmin;line-height:11.73333vmin;display:inline-block;margin-right:6.4vmin;color:#666;box-sizing:border-box;font-size:3.73333vmin}.goods-list-box .tag-group-list .tag-group-item-active{font-weight:500;color:#333;font-size:4.26667vmin;max-width:25.6vmin;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.goods-list-box .tag-group-list .tag-group-item-active::after{content:'';display:block;height:.53333vmin;width:6.4vmin;background-color:#FF5429;position:absolute;bottom:1.06667vmin;left:50%;transform:translateX(-50%);border-radius:.13333vmin;transition:.25s;transition-timing-function:ease-in-out}.goods-list-box .btn{display:block;width:100%;margin:1.33333vmin 0;background-color:#fff}.goods-list-box .page-main{height:100%;position:relative}.goods-list-box .page-main .refresh{min-width:154px;padding:12px 16px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:14px;font-style:normal;font-weight:400;line-height:20px;background:rgba(0,0,0,0.7);backdrop-filter:blur(12px);border-radius:8px;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-box .page-main .refresh .icon{width:16px;height:16px;margin-left:8px}.goods-list-box .page-main .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-box .goods-list{box-sizing:border-box;min-height:40vmin;display:flex;flex-direction:column;height:100%}.goods-list-box .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:3.73333vmin;padding-bottom:2.66667vmin}.goods-list-box .goods-list .no-data{display:flex;flex-direction:column;align-items:center;padding-top:10.66667vmin}.goods-list-box .goods-list .no-data .no-data-png{width:23.46667vmin;height:23.46667vmin}.goods-list-box .goods-list .no-data .no-data-text{color:#999999;font-size:3.73333vmin;margin-top:4.26667vmin}.goods-list-box .lottery-list{padding:0 2.13333vmin}.goods-list-box .lottery-list .goods-list{background:#fff;height:calc(100% - 26.66667vmin);border-radius:2.13333vmin}@media screen and (min-width: 768px) and (orientation: portrait){.goods-list-box .goods-list-box-popup{width:48.82812vmin}.goods-list-box .box{margin:0 .78125vmin}.goods-list-box .title{margin:0;padding:2.08333vmin 1.04167vmin 1.04167vmin;color:rgba(69,90,100,0.6);font-weight:normal;font-size:1.17188vmin;line-height:1.30208vmin;text-align:center}.goods-list-box .goods-list-box-popup-header{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:7.8125vmin}.goods-list-box .goods-list-box-popup-header .goods-list-box-popup-header-bg{box-sizing:border-box;width:34.50521vmin;height:8.33333vmin}.goods-list-box .goods-list-box-popup-header .lottery-title{margin-bottom:1.30208vmin;font-size:1.82292vmin;color:#fff}.goods-list-box .goods-list-box-popup-header .close-icon{position:absolute;top:9.89583vmin;right:-.65104vmin;z-index:1;box-sizing:border-box;padding:.65104vmin;width:3.38542vmin;height:3.38542vmin}.goods-list-box .tag-group-list .tag-group-item-box{display:flex;flex-wrap:nowrap;align-items:center;padding-left:2.08333vmin;height:5.72917vmin;box-sizing:border-box}.goods-list-box .tag-group-list .tag-group-item{flex-shrink:0;position:relative;height:5.72917vmin;line-height:5.72917vmin;display:inline-block;margin-right:3.125vmin;color:#666;box-sizing:border-box;font-size:1.82292vmin}.goods-list-box .tag-group-list .tag-group-item-active{font-weight:500;color:#333;font-size:2.08333vmin;max-width:12.5vmin;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.goods-list-box .tag-group-list .tag-group-item-active::after{content:'';display:block;height:.26042vmin;width:3.125vmin;background-color:#FF5429;position:absolute;bottom:.52083vmin;left:50%;transform:translateX(-50%);border-radius:.0651vmin;transition:.25s;transition-timing-function:ease-in-out}.goods-list-box .btn{display:block;width:100%;margin:.65104vmin 0;background-color:#fff}.goods-list-box .page-main{height:100%;position:relative}.goods-list-box .page-main .refresh{min-width:154px;padding:12px 16px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:14px;font-style:normal;font-weight:400;line-height:20px;background:rgba(0,0,0,0.7);backdrop-filter:blur(12px);border-radius:8px;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-box .page-main .refresh .icon{width:16px;height:16px;margin-left:8px}.goods-list-box .page-main .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-box .goods-list{box-sizing:border-box;min-height:40vmin;display:flex;flex-direction:column;height:100%}.goods-list-box .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:1.82292vmin;padding-bottom:1.30208vmin}.goods-list-box .goods-list .no-data{display:flex;flex-direction:column;align-items:center;padding-top:5.20833vmin}.goods-list-box .goods-list .no-data .no-data-png{width:11.45833vmin;height:11.45833vmin}.goods-list-box .goods-list .no-data .no-data-text{color:#999999;font-size:1.82292vmin;margin-top:2.08333vmin}.goods-list-box .lottery-list{padding:0 1.04167vmin}.goods-list-box .lottery-list .goods-list{background:#fff;height:calc(100% - 13.02083vmin);border-radius:1.04167vmin}}@media screen and (min-height: 630px) and (orientation: landscape){.goods-list-box .goods-list-box-popup{width:59.52381vmin}.goods-list-box .box{margin:0 .95238vmin}.goods-list-box .title{margin:0;padding:2.53968vmin 1.26984vmin 1.26984vmin;color:rgba(69,90,100,0.6);font-weight:normal;font-size:1.42857vmin;line-height:1.5873vmin;text-align:center}.goods-list-box .goods-list-box-popup-header{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:9.52381vmin}.goods-list-box .goods-list-box-popup-header .goods-list-box-popup-header-bg{box-sizing:border-box;width:42.06349vmin;height:10.15873vmin}.goods-list-box .goods-list-box-popup-header .lottery-title{margin-bottom:1.5873vmin;font-size:2.22222vmin;color:#fff}.goods-list-box .goods-list-box-popup-header .close-icon{position:absolute;top:12.06349vmin;right:-.79365vmin;z-index:1;box-sizing:border-box;padding:.79365vmin;width:4.12698vmin;height:4.12698vmin}.goods-list-box .tag-group-list .tag-group-item-box{display:flex;flex-wrap:nowrap;align-items:center;padding-left:2.53968vmin;height:6.98413vmin;box-sizing:border-box}.goods-list-box .tag-group-list .tag-group-item{flex-shrink:0;position:relative;height:6.98413vmin;line-height:6.98413vmin;display:inline-block;margin-right:3.80952vmin;color:#666;box-sizing:border-box;font-size:2.22222vmin}.goods-list-box .tag-group-list .tag-group-item-active{font-weight:500;color:#333;font-size:2.53968vmin;max-width:15.2381vmin;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.goods-list-box .tag-group-list .tag-group-item-active::after{content:'';display:block;height:.31746vmin;width:3.80952vmin;background-color:#FF5429;position:absolute;bottom:.63492vmin;left:50%;transform:translateX(-50%);border-radius:.07937vmin;transition:.25s;transition-timing-function:ease-in-out}.goods-list-box .btn{display:block;width:100%;margin:.79365vmin 0;background-color:#fff}.goods-list-box .page-main{height:100%;position:relative}.goods-list-box .page-main .refresh{min-width:154px;padding:12px 16px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:14px;font-style:normal;font-weight:400;line-height:20px;background:rgba(0,0,0,0.7);backdrop-filter:blur(12px);border-radius:8px;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-box .page-main .refresh .icon{width:16px;height:16px;margin-left:8px}.goods-list-box .page-main .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-box .goods-list{box-sizing:border-box;min-height:40vmin;display:flex;flex-direction:column;height:100%}.goods-list-box .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:2.22222vmin;padding-bottom:1.5873vmin}.goods-list-box .goods-list .no-data{display:flex;flex-direction:column;align-items:center;padding-top:6.34921vmin}.goods-list-box .goods-list .no-data .no-data-png{width:13.96825vmin;height:13.96825vmin}.goods-list-box .goods-list .no-data .no-data-text{color:#999999;font-size:2.22222vmin;margin-top:2.53968vmin}.goods-list-box .lottery-list{padding:0 1.26984vmin}.goods-list-box .lottery-list .goods-list{background:#fff;height:calc(100% - 15.87302vmin);border-radius:1.26984vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.goods-list-box .goods-list-box-popup{width:48.82812vmin}.goods-list-box .box{margin:0 .78125vmin}.goods-list-box .title{margin:0;padding:2.08333vmin 1.04167vmin 1.04167vmin;color:rgba(69,90,100,0.6);font-weight:normal;font-size:1.17188vmin;line-height:1.30208vmin;text-align:center}.goods-list-box .goods-list-box-popup-header{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:7.8125vmin}.goods-list-box .goods-list-box-popup-header .goods-list-box-popup-header-bg{box-sizing:border-box;width:34.50521vmin;height:8.33333vmin}.goods-list-box .goods-list-box-popup-header .lottery-title{margin-bottom:1.30208vmin;font-size:1.82292vmin;color:#fff}.goods-list-box .goods-list-box-popup-header .close-icon{position:absolute;top:9.89583vmin;right:-.65104vmin;z-index:1;box-sizing:border-box;padding:.65104vmin;width:3.38542vmin;height:3.38542vmin}.goods-list-box .tag-group-list .tag-group-item-box{display:flex;flex-wrap:nowrap;align-items:center;padding-left:2.08333vmin;height:5.72917vmin;box-sizing:border-box}.goods-list-box .tag-group-list .tag-group-item{flex-shrink:0;position:relative;height:5.72917vmin;line-height:5.72917vmin;display:inline-block;margin-right:3.125vmin;color:#666;box-sizing:border-box;font-size:1.82292vmin}.goods-list-box .tag-group-list .tag-group-item-active{font-weight:500;color:#333;font-size:2.08333vmin;max-width:12.5vmin;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.goods-list-box .tag-group-list .tag-group-item-active::after{content:'';display:block;height:.26042vmin;width:3.125vmin;background-color:#FF5429;position:absolute;bottom:.52083vmin;left:50%;transform:translateX(-50%);border-radius:.0651vmin;transition:.25s;transition-timing-function:ease-in-out}.goods-list-box .btn{display:block;width:100%;margin:.65104vmin 0;background-color:#fff}.goods-list-box .page-main{height:100%;position:relative}.goods-list-box .page-main .refresh{min-width:154px;padding:12px 16px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:14px;font-style:normal;font-weight:400;line-height:20px;background:rgba(0,0,0,0.7);backdrop-filter:blur(12px);border-radius:8px;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-box .page-main .refresh .icon{width:16px;height:16px;margin-left:8px}.goods-list-box .page-main .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-box .goods-list{box-sizing:border-box;min-height:40vmin;display:flex;flex-direction:column;height:100%}.goods-list-box .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:1.82292vmin;padding-bottom:1.30208vmin}.goods-list-box .goods-list .no-data{display:flex;flex-direction:column;align-items:center;padding-top:5.20833vmin}.goods-list-box .goods-list .no-data .no-data-png{width:11.45833vmin;height:11.45833vmin}.goods-list-box .goods-list .no-data .no-data-text{color:#999999;font-size:1.82292vmin;margin-top:2.08333vmin}.goods-list-box .lottery-list{padding:0 1.04167vmin}.goods-list-box .lottery-list .goods-list{background:#fff;height:calc(100% - 13.02083vmin);border-radius:1.04167vmin}}
1
+ .goods-list-box .goods-list-box-popup{width:100vmin}.goods-list-box .box{margin:0 1.6vmin}.goods-list-box .title{margin:0;padding:4.26667vmin 2.13333vmin 2.13333vmin;color:rgba(69,90,100,0.6);font-weight:normal;font-size:2.4vmin;line-height:2.66667vmin;text-align:center}.goods-list-box .goods-list-box-popup-header{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:16vmin}.goods-list-box .goods-list-box-popup-header .goods-list-box-popup-header-bg{box-sizing:border-box;width:70.66667vmin;height:17.06667vmin}.goods-list-box .goods-list-box-popup-header .lottery-title{margin-bottom:2.66667vmin;font-size:3.73333vmin;color:#fff}.goods-list-box .goods-list-box-popup-header .close-icon{position:absolute;top:20.26667vmin;right:-1.33333vmin;z-index:1;box-sizing:border-box;padding:1.33333vmin;width:6.93333vmin;height:6.93333vmin}.goods-list-box .tag-group-list .tag-group-item-box{display:flex;flex-wrap:nowrap;align-items:center;padding-left:4.26667vmin;height:11.73333vmin;box-sizing:border-box}.goods-list-box .tag-group-list .tag-group-item{flex-shrink:0;position:relative;height:11.73333vmin;line-height:11.73333vmin;display:inline-block;margin-right:6.4vmin;color:#666;box-sizing:border-box;font-size:3.73333vmin}.goods-list-box .tag-group-list .tag-group-item-active{font-weight:500;color:#333;font-size:4.26667vmin;max-width:25.6vmin;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.goods-list-box .tag-group-list .tag-group-item-active::after{content:'';display:block;height:.53333vmin;width:6.4vmin;background-color:#FF5429;position:absolute;bottom:1.06667vmin;left:50%;transform:translateX(-50%);border-radius:.13333vmin;transition:.25s;transition-timing-function:ease-in-out}.goods-list-box .btn{display:block;width:100%;margin:1.33333vmin 0;background-color:#fff}.goods-list-box .page-main{height:100%;position:relative}.goods-list-box .page-main .refresh{box-sizing:border-box;min-width:41.06667vmin;padding:3.2vmin 4.26667vmin;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:3.73333vmin;font-style:normal;font-weight:400;line-height:5.33333vmin;background:rgba(0,0,0,0.7);backdrop-filter:blur(3.2vmin);border-radius:2.13333vmin;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-box .page-main .refresh .icon{width:4.26667vmin;height:4.26667vmin;margin-left:2.13333vmin}.goods-list-box .page-main .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-box .goods-list{box-sizing:border-box;min-height:40vmin;display:flex;flex-direction:column;height:100%}.goods-list-box .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:3.73333vmin;padding-bottom:2.66667vmin}.goods-list-box .goods-list .no-data{display:flex;flex-direction:column;align-items:center;padding-top:10.66667vmin}.goods-list-box .goods-list .no-data .no-data-png{width:23.46667vmin;height:23.46667vmin}.goods-list-box .goods-list .no-data .no-data-text{color:#999999;font-size:3.73333vmin;margin-top:4.26667vmin}.goods-list-box .lottery-list{padding:0 2.13333vmin}.goods-list-box .lottery-list .goods-list{background:#fff;height:calc(100% - 26.66667vmin);border-radius:2.13333vmin}@media screen and (min-width: 768px) and (orientation: portrait){.goods-list-box .goods-list-box-popup{width:48.82812vmin}.goods-list-box .box{margin:0 .78125vmin}.goods-list-box .title{margin:0;padding:2.08333vmin 1.04167vmin 1.04167vmin;color:rgba(69,90,100,0.6);font-weight:normal;font-size:1.17188vmin;line-height:1.30208vmin;text-align:center}.goods-list-box .goods-list-box-popup-header{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:7.8125vmin}.goods-list-box .goods-list-box-popup-header .goods-list-box-popup-header-bg{box-sizing:border-box;width:34.50521vmin;height:8.33333vmin}.goods-list-box .goods-list-box-popup-header .lottery-title{margin-bottom:1.30208vmin;font-size:1.82292vmin;color:#fff}.goods-list-box .goods-list-box-popup-header .close-icon{position:absolute;top:9.89583vmin;right:-.65104vmin;z-index:1;box-sizing:border-box;padding:.65104vmin;width:3.38542vmin;height:3.38542vmin}.goods-list-box .tag-group-list .tag-group-item-box{display:flex;flex-wrap:nowrap;align-items:center;padding-left:2.08333vmin;height:5.72917vmin;box-sizing:border-box}.goods-list-box .tag-group-list .tag-group-item{flex-shrink:0;position:relative;height:5.72917vmin;line-height:5.72917vmin;display:inline-block;margin-right:3.125vmin;color:#666;box-sizing:border-box;font-size:1.82292vmin}.goods-list-box .tag-group-list .tag-group-item-active{font-weight:500;color:#333;font-size:2.08333vmin;max-width:12.5vmin;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.goods-list-box .tag-group-list .tag-group-item-active::after{content:'';display:block;height:.26042vmin;width:3.125vmin;background-color:#FF5429;position:absolute;bottom:.52083vmin;left:50%;transform:translateX(-50%);border-radius:.0651vmin;transition:.25s;transition-timing-function:ease-in-out}.goods-list-box .btn{display:block;width:100%;margin:.65104vmin 0;background-color:#fff}.goods-list-box .page-main{height:100%;position:relative}.goods-list-box .page-main .refresh{box-sizing:border-box;min-width:20.05208vmin;padding:1.5625vmin 2.08333vmin;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:1.82292vmin;font-style:normal;font-weight:400;line-height:2.60417vmin;background:rgba(0,0,0,0.7);backdrop-filter:blur(1.5625vmin);border-radius:1.04167vmin;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-box .page-main .refresh .icon{width:2.08333vmin;height:2.08333vmin;margin-left:1.04167vmin}.goods-list-box .page-main .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-box .goods-list{box-sizing:border-box;min-height:40vmin;display:flex;flex-direction:column;height:100%}.goods-list-box .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:1.82292vmin;padding-bottom:1.30208vmin}.goods-list-box .goods-list .no-data{display:flex;flex-direction:column;align-items:center;padding-top:5.20833vmin}.goods-list-box .goods-list .no-data .no-data-png{width:11.45833vmin;height:11.45833vmin}.goods-list-box .goods-list .no-data .no-data-text{color:#999999;font-size:1.82292vmin;margin-top:2.08333vmin}.goods-list-box .lottery-list{padding:0 1.04167vmin}.goods-list-box .lottery-list .goods-list{background:#fff;height:calc(100% - 13.02083vmin);border-radius:1.04167vmin}}@media screen and (min-height: 630px) and (orientation: landscape){.goods-list-box .goods-list-box-popup{width:59.52381vmin}.goods-list-box .box{margin:0 .95238vmin}.goods-list-box .title{margin:0;padding:2.53968vmin 1.26984vmin 1.26984vmin;color:rgba(69,90,100,0.6);font-weight:normal;font-size:1.42857vmin;line-height:1.5873vmin;text-align:center}.goods-list-box .goods-list-box-popup-header{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:9.52381vmin}.goods-list-box .goods-list-box-popup-header .goods-list-box-popup-header-bg{box-sizing:border-box;width:42.06349vmin;height:10.15873vmin}.goods-list-box .goods-list-box-popup-header .lottery-title{margin-bottom:1.5873vmin;font-size:2.22222vmin;color:#fff}.goods-list-box .goods-list-box-popup-header .close-icon{position:absolute;top:12.06349vmin;right:-.79365vmin;z-index:1;box-sizing:border-box;padding:.79365vmin;width:4.12698vmin;height:4.12698vmin}.goods-list-box .tag-group-list .tag-group-item-box{display:flex;flex-wrap:nowrap;align-items:center;padding-left:2.53968vmin;height:6.98413vmin;box-sizing:border-box}.goods-list-box .tag-group-list .tag-group-item{flex-shrink:0;position:relative;height:6.98413vmin;line-height:6.98413vmin;display:inline-block;margin-right:3.80952vmin;color:#666;box-sizing:border-box;font-size:2.22222vmin}.goods-list-box .tag-group-list .tag-group-item-active{font-weight:500;color:#333;font-size:2.53968vmin;max-width:15.2381vmin;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.goods-list-box .tag-group-list .tag-group-item-active::after{content:'';display:block;height:.31746vmin;width:3.80952vmin;background-color:#FF5429;position:absolute;bottom:.63492vmin;left:50%;transform:translateX(-50%);border-radius:.07937vmin;transition:.25s;transition-timing-function:ease-in-out}.goods-list-box .btn{display:block;width:100%;margin:.79365vmin 0;background-color:#fff}.goods-list-box .page-main{height:100%;position:relative}.goods-list-box .page-main .refresh{box-sizing:border-box;min-width:24.44444vmin;padding:1.90476vmin 2.53968vmin;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:2.22222vmin;font-style:normal;font-weight:400;line-height:3.1746vmin;background:rgba(0,0,0,0.7);backdrop-filter:blur(1.90476vmin);border-radius:1.26984vmin;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-box .page-main .refresh .icon{width:2.53968vmin;height:2.53968vmin;margin-left:1.26984vmin}.goods-list-box .page-main .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-box .goods-list{box-sizing:border-box;min-height:40vmin;display:flex;flex-direction:column;height:100%}.goods-list-box .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:2.22222vmin;padding-bottom:1.5873vmin}.goods-list-box .goods-list .no-data{display:flex;flex-direction:column;align-items:center;padding-top:6.34921vmin}.goods-list-box .goods-list .no-data .no-data-png{width:13.96825vmin;height:13.96825vmin}.goods-list-box .goods-list .no-data .no-data-text{color:#999999;font-size:2.22222vmin;margin-top:2.53968vmin}.goods-list-box .lottery-list{padding:0 1.26984vmin}.goods-list-box .lottery-list .goods-list{background:#fff;height:calc(100% - 15.87302vmin);border-radius:1.26984vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.goods-list-box .goods-list-box-popup{width:48.82812vmin}.goods-list-box .box{margin:0 .78125vmin}.goods-list-box .title{margin:0;padding:2.08333vmin 1.04167vmin 1.04167vmin;color:rgba(69,90,100,0.6);font-weight:normal;font-size:1.17188vmin;line-height:1.30208vmin;text-align:center}.goods-list-box .goods-list-box-popup-header{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:7.8125vmin}.goods-list-box .goods-list-box-popup-header .goods-list-box-popup-header-bg{box-sizing:border-box;width:34.50521vmin;height:8.33333vmin}.goods-list-box .goods-list-box-popup-header .lottery-title{margin-bottom:1.30208vmin;font-size:1.82292vmin;color:#fff}.goods-list-box .goods-list-box-popup-header .close-icon{position:absolute;top:9.89583vmin;right:-.65104vmin;z-index:1;box-sizing:border-box;padding:.65104vmin;width:3.38542vmin;height:3.38542vmin}.goods-list-box .tag-group-list .tag-group-item-box{display:flex;flex-wrap:nowrap;align-items:center;padding-left:2.08333vmin;height:5.72917vmin;box-sizing:border-box}.goods-list-box .tag-group-list .tag-group-item{flex-shrink:0;position:relative;height:5.72917vmin;line-height:5.72917vmin;display:inline-block;margin-right:3.125vmin;color:#666;box-sizing:border-box;font-size:1.82292vmin}.goods-list-box .tag-group-list .tag-group-item-active{font-weight:500;color:#333;font-size:2.08333vmin;max-width:12.5vmin;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.goods-list-box .tag-group-list .tag-group-item-active::after{content:'';display:block;height:.26042vmin;width:3.125vmin;background-color:#FF5429;position:absolute;bottom:.52083vmin;left:50%;transform:translateX(-50%);border-radius:.0651vmin;transition:.25s;transition-timing-function:ease-in-out}.goods-list-box .btn{display:block;width:100%;margin:.65104vmin 0;background-color:#fff}.goods-list-box .page-main{height:100%;position:relative}.goods-list-box .page-main .refresh{box-sizing:border-box;min-width:20.05208vmin;padding:1.5625vmin 2.08333vmin;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:1.82292vmin;font-style:normal;font-weight:400;line-height:2.60417vmin;background:rgba(0,0,0,0.7);backdrop-filter:blur(1.5625vmin);border-radius:1.04167vmin;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-box .page-main .refresh .icon{width:2.08333vmin;height:2.08333vmin;margin-left:1.04167vmin}.goods-list-box .page-main .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-box .goods-list{box-sizing:border-box;min-height:40vmin;display:flex;flex-direction:column;height:100%}.goods-list-box .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:1.82292vmin;padding-bottom:1.30208vmin}.goods-list-box .goods-list .no-data{display:flex;flex-direction:column;align-items:center;padding-top:5.20833vmin}.goods-list-box .goods-list .no-data .no-data-png{width:11.45833vmin;height:11.45833vmin}.goods-list-box .goods-list .no-data .no-data-text{color:#999999;font-size:1.82292vmin;margin-top:2.08333vmin}.goods-list-box .lottery-list{padding:0 1.04167vmin}.goods-list-box .lottery-list .goods-list{background:#fff;height:calc(100% - 13.02083vmin);border-radius:1.04167vmin}}
package/src/TeacherGoodsList/index.scss CHANGED
@@ -49,8 +49,9 @@ $deviceWidth: 750;
49
49
  }
50
50
  }
51
51
  .refresh {
52
- min-width: 154px;
53
- padding: 12px 16px;
52
+ box-sizing: border-box;
53
+ min-width: vmin(308);
54
+ padding: vmin(24) vmin(32);
54
55
  display: flex;
55
56
  justify-content: center;
56
57
  align-items: center;
@@ -58,22 +59,22 @@ $deviceWidth: 750;
58
59
  color: #999;
59
60
  color: #ffffff;
60
61
  font-family: "PingFang SC";
61
- font-size: 14px;
62
+ font-size: vmin(28);
62
63
  font-style: normal;
63
64
  font-weight: 400;
64
- line-height: 20px;
65
+ line-height: vmin(40);
65
66
  background: rgba(0, 0, 0, 0.7);
66
- backdrop-filter: blur(12px);
67
- border-radius: 8px;
67
+ backdrop-filter: blur(vmin(24));
68
+ border-radius: vmin(16);
68
69
  position: absolute;
69
70
  left: 50%;
70
71
  top: 0;
71
72
  transform: translateX(-50%);
72
73
  z-index: 9999;
73
74
  .icon {
74
- width: 16px;
75
- height: 16px;
76
- margin-left: 8px;
75
+ width: vmin(32);
76
+ height: vmin(32);
77
+ margin-left: vmin(16);
77
78
  }
78
79
  .icon-refresh {
79
80
  animation: rotate 2s infinite linear;
package/src/TeacherGoodsList/index.wxss CHANGED
@@ -1 +1 @@
1
- .box{margin:0 3.2vmin}.title{margin:0;padding:8.53vmin 4.27vmin 4.27vmin;color:rgba(69,90,100,0.6);font-weight:normal;font-size:4.8vmin;line-height:5.33vmin;text-align:center}.btn{display:block;width:100%;margin:2.67vmin 0;background-color:#fff}.no-data{display:flex;flex-direction:column;align-items:center;padding-top:21.87vmin}.no-data .no-data-png{width:23.47vmin;height:23.47vmin}.no-data .no-data-text{color:#333;font-size:3.73vmin;font-weight:400;font-family:"PingFang SC";margin-top:4.27vmin;margin-bottom:2.13vmin}.no-data .chat-text{opacity:1;color:#999;font-size:3.2vmin;font-weight:400;font-family:"PingFang SC";padding:0 12vmin 0 11.73vmin;text-align:center}.goods-select{right:0;position:fixed;bottom:0;background:#FFFFFF;height:13.86667vmin;border-top:.13333vmin solid #ebebeb;backdrop-filter:blur(10.66667vmin);padding:3.2vmin 4.26667vmin;display:flex;align-items:center;width:100%;box-sizing:border-box;z-index:99}.goods-select .goods-select-right{display:flex;align-items:center;justify-content:flex-end}.goods-select .selected{margin-right:3.2vmin;font-size:3.2vmin;color:#999999}.goods-select .selected .selected-num{color:#333333;margin-left:1.33333vmin}.goods-select .select-btn{width:14.93333vmin;height:7.46667vmin;border-radius:1.06667vmin;opacity:1;display:flex;justify-content:center;align-items:center;font-size:3.2vmin;font-weight:500}.goods-select .show{background:#1472ff;color:#ffffff;margin-right:3.2vmin}.goods-select .hide{background:#ffffff;color:#333333;border:1rpx solid #cccccc}.goods-list-container{height:100%;overflow:hidden;position:relative}.goods-list-container .search-container{height:9.06667vmin;background:#f7f8fa;position:relative;border-radius:4.26667vmin;padding-left:8.53333vmin;line-height:9.06667vmin;color:#b2b2b2;font-size:3.73333vmin;margin:0 4.26667vmin 2.13333vmin 4.26667vmin;box-sizing:border-box}.goods-list-container .search-container .search-icon{width:4.26667vmin;height:4.26667vmin;position:absolute;top:50%;transform:translateY(-50%);left:3.2vmin}.goods-list-container .refresh{min-width:154px;padding:12px 16px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:14px;font-style:normal;font-weight:400;line-height:20px;background:rgba(0,0,0,0.7);backdrop-filter:blur(12px);border-radius:8px;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-container .refresh .icon{width:16px;height:16px;margin-left:8px}.goods-list-container .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-container .goods-list{box-sizing:border-box;min-height:80vmin;display:flex;flex-direction:column;height:calc(100% - 11.2vmin)}.goods-list-container .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:3.73vmin;padding:2.67vmin 0}.goods-list-container .goods-list .check-box{padding-left:0 !important}.goods-list-container .goods-list .full-item{margin-left:4.26667vmin}@media screen and (min-width: 768px) and (orientation: portrait){.goods-list-container{height:100%;overflow:hidden;position:relative}.goods-list-container .search-container{height:4.42708vmin;background:#f7f8fa;position:relative;border-radius:2.08333vmin;padding-left:4.16667vmin;line-height:4.42708vmin;color:#b2b2b2;font-size:1.82292vmin;margin:0 2.08333vmin 1.04167vmin 2.08333vmin;box-sizing:border-box}.goods-list-container .search-container .search-icon{width:2.08333vmin;height:2.08333vmin;position:absolute;top:50%;transform:translateY(-50%);left:1.5625vmin}.goods-list-container .refresh{min-width:154px;padding:12px 16px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:14px;font-style:normal;font-weight:400;line-height:20px;background:rgba(0,0,0,0.7);backdrop-filter:blur(12px);border-radius:8px;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-container .refresh .icon{width:16px;height:16px;margin-left:8px}.goods-list-container .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-container .goods-list{box-sizing:border-box;min-height:80vmin;display:flex;flex-direction:column;height:calc(100% - 5.46875vmin)}.goods-list-container .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:3.73vmin;padding:2.67vmin 0}.goods-list-container .goods-list .check-box{padding-left:0 !important}.goods-list-container .goods-list .full-item{margin-left:2.08333vmin}}@media screen and (min-height: 630px) and (orientation: landscape){.goods-list-container{height:100%;overflow:hidden;position:relative}.goods-list-container .search-container{height:5.39683vmin;background:#f7f8fa;position:relative;border-radius:2.53968vmin;padding-left:5.07937vmin;line-height:5.39683vmin;color:#b2b2b2;font-size:2.22222vmin;margin:0 2.53968vmin 1.26984vmin 2.53968vmin;box-sizing:border-box}.goods-list-container .search-container .search-icon{width:2.53968vmin;height:2.53968vmin;position:absolute;top:50%;transform:translateY(-50%);left:1.90476vmin}.goods-list-container .refresh{min-width:154px;padding:12px 16px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:14px;font-style:normal;font-weight:400;line-height:20px;background:rgba(0,0,0,0.7);backdrop-filter:blur(12px);border-radius:8px;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-container .refresh .icon{width:16px;height:16px;margin-left:8px}.goods-list-container .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-container .goods-list{box-sizing:border-box;min-height:80vmin;display:flex;flex-direction:column;height:calc(100% - 6.66667vmin)}.goods-list-container .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:3.73vmin;padding:2.67vmin 0}.goods-list-container .goods-list .check-box{padding-left:0 !important}.goods-list-container .goods-list .full-item{margin-left:2.53968vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.goods-list-container{height:100%;overflow:hidden;position:relative}.goods-list-container .search-container{height:4.42708vmin;background:#f7f8fa;position:relative;border-radius:2.08333vmin;padding-left:4.16667vmin;line-height:4.42708vmin;color:#b2b2b2;font-size:1.82292vmin;margin:0 2.08333vmin 1.04167vmin 2.08333vmin;box-sizing:border-box}.goods-list-container .search-container .search-icon{width:2.08333vmin;height:2.08333vmin;position:absolute;top:50%;transform:translateY(-50%);left:1.5625vmin}.goods-list-container .refresh{min-width:154px;padding:12px 16px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:14px;font-style:normal;font-weight:400;line-height:20px;background:rgba(0,0,0,0.7);backdrop-filter:blur(12px);border-radius:8px;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-container .refresh .icon{width:16px;height:16px;margin-left:8px}.goods-list-container .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-container .goods-list{box-sizing:border-box;min-height:80vmin;display:flex;flex-direction:column;height:calc(100% - 5.46875vmin)}.goods-list-container .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:3.73vmin;padding:2.67vmin 0}.goods-list-container .goods-list .check-box{padding-left:0 !important}.goods-list-container .goods-list .full-item{margin-left:2.08333vmin}}
1
+ .box{margin:0 3.2vmin}.title{margin:0;padding:8.53vmin 4.27vmin 4.27vmin;color:rgba(69,90,100,0.6);font-weight:normal;font-size:4.8vmin;line-height:5.33vmin;text-align:center}.btn{display:block;width:100%;margin:2.67vmin 0;background-color:#fff}.no-data{display:flex;flex-direction:column;align-items:center;padding-top:21.87vmin}.no-data .no-data-png{width:23.47vmin;height:23.47vmin}.no-data .no-data-text{color:#333;font-size:3.73vmin;font-weight:400;font-family:"PingFang SC";margin-top:4.27vmin;margin-bottom:2.13vmin}.no-data .chat-text{opacity:1;color:#999;font-size:3.2vmin;font-weight:400;font-family:"PingFang SC";padding:0 12vmin 0 11.73vmin;text-align:center}.goods-select{right:0;position:fixed;bottom:0;background:#FFFFFF;height:13.86667vmin;border-top:.13333vmin solid #ebebeb;backdrop-filter:blur(10.66667vmin);padding:3.2vmin 4.26667vmin;display:flex;align-items:center;width:100%;box-sizing:border-box;z-index:99}.goods-select .goods-select-right{display:flex;align-items:center;justify-content:flex-end}.goods-select .selected{margin-right:3.2vmin;font-size:3.2vmin;color:#999999}.goods-select .selected .selected-num{color:#333333;margin-left:1.33333vmin}.goods-select .select-btn{width:14.93333vmin;height:7.46667vmin;border-radius:1.06667vmin;opacity:1;display:flex;justify-content:center;align-items:center;font-size:3.2vmin;font-weight:500}.goods-select .show{background:#1472ff;color:#ffffff;margin-right:3.2vmin}.goods-select .hide{background:#ffffff;color:#333333;border:1rpx solid #cccccc}.goods-list-container{height:100%;overflow:hidden;position:relative}.goods-list-container .search-container{height:9.06667vmin;background:#f7f8fa;position:relative;border-radius:4.26667vmin;padding-left:8.53333vmin;line-height:9.06667vmin;color:#b2b2b2;font-size:3.73333vmin;margin:0 4.26667vmin 2.13333vmin 4.26667vmin;box-sizing:border-box}.goods-list-container .search-container .search-icon{width:4.26667vmin;height:4.26667vmin;position:absolute;top:50%;transform:translateY(-50%);left:3.2vmin}.goods-list-container .refresh{box-sizing:border-box;min-width:41.06667vmin;padding:3.2vmin 4.26667vmin;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:3.73333vmin;font-style:normal;font-weight:400;line-height:5.33333vmin;background:rgba(0,0,0,0.7);backdrop-filter:blur(3.2vmin);border-radius:2.13333vmin;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-container .refresh .icon{width:4.26667vmin;height:4.26667vmin;margin-left:2.13333vmin}.goods-list-container .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-container .goods-list{box-sizing:border-box;min-height:80vmin;display:flex;flex-direction:column;height:calc(100% - 11.2vmin)}.goods-list-container .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:3.73vmin;padding:2.67vmin 0}.goods-list-container .goods-list .check-box{padding-left:0 !important}.goods-list-container .goods-list .full-item{margin-left:4.26667vmin}@media screen and (min-width: 768px) and (orientation: portrait){.goods-list-container{height:100%;overflow:hidden;position:relative}.goods-list-container .search-container{height:4.42708vmin;background:#f7f8fa;position:relative;border-radius:2.08333vmin;padding-left:4.16667vmin;line-height:4.42708vmin;color:#b2b2b2;font-size:1.82292vmin;margin:0 2.08333vmin 1.04167vmin 2.08333vmin;box-sizing:border-box}.goods-list-container .search-container .search-icon{width:2.08333vmin;height:2.08333vmin;position:absolute;top:50%;transform:translateY(-50%);left:1.5625vmin}.goods-list-container .refresh{box-sizing:border-box;min-width:20.05208vmin;padding:1.5625vmin 2.08333vmin;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:1.82292vmin;font-style:normal;font-weight:400;line-height:2.60417vmin;background:rgba(0,0,0,0.7);backdrop-filter:blur(1.5625vmin);border-radius:1.04167vmin;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-container .refresh .icon{width:2.08333vmin;height:2.08333vmin;margin-left:1.04167vmin}.goods-list-container .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-container .goods-list{box-sizing:border-box;min-height:80vmin;display:flex;flex-direction:column;height:calc(100% - 5.46875vmin)}.goods-list-container .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:3.73vmin;padding:2.67vmin 0}.goods-list-container .goods-list .check-box{padding-left:0 !important}.goods-list-container .goods-list .full-item{margin-left:2.08333vmin}}@media screen and (min-height: 630px) and (orientation: landscape){.goods-list-container{height:100%;overflow:hidden;position:relative}.goods-list-container .search-container{height:5.39683vmin;background:#f7f8fa;position:relative;border-radius:2.53968vmin;padding-left:5.07937vmin;line-height:5.39683vmin;color:#b2b2b2;font-size:2.22222vmin;margin:0 2.53968vmin 1.26984vmin 2.53968vmin;box-sizing:border-box}.goods-list-container .search-container .search-icon{width:2.53968vmin;height:2.53968vmin;position:absolute;top:50%;transform:translateY(-50%);left:1.90476vmin}.goods-list-container .refresh{box-sizing:border-box;min-width:24.44444vmin;padding:1.90476vmin 2.53968vmin;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:2.22222vmin;font-style:normal;font-weight:400;line-height:3.1746vmin;background:rgba(0,0,0,0.7);backdrop-filter:blur(1.90476vmin);border-radius:1.26984vmin;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-container .refresh .icon{width:2.53968vmin;height:2.53968vmin;margin-left:1.26984vmin}.goods-list-container .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-container .goods-list{box-sizing:border-box;min-height:80vmin;display:flex;flex-direction:column;height:calc(100% - 6.66667vmin)}.goods-list-container .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:3.73vmin;padding:2.67vmin 0}.goods-list-container .goods-list .check-box{padding-left:0 !important}.goods-list-container .goods-list .full-item{margin-left:2.53968vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.goods-list-container{height:100%;overflow:hidden;position:relative}.goods-list-container .search-container{height:4.42708vmin;background:#f7f8fa;position:relative;border-radius:2.08333vmin;padding-left:4.16667vmin;line-height:4.42708vmin;color:#b2b2b2;font-size:1.82292vmin;margin:0 2.08333vmin 1.04167vmin 2.08333vmin;box-sizing:border-box}.goods-list-container .search-container .search-icon{width:2.08333vmin;height:2.08333vmin;position:absolute;top:50%;transform:translateY(-50%);left:1.5625vmin}.goods-list-container .refresh{box-sizing:border-box;min-width:20.05208vmin;padding:1.5625vmin 2.08333vmin;display:flex;justify-content:center;align-items:center;cursor:pointer;color:#999;color:#ffffff;font-family:"PingFang SC";font-size:1.82292vmin;font-style:normal;font-weight:400;line-height:2.60417vmin;background:rgba(0,0,0,0.7);backdrop-filter:blur(1.5625vmin);border-radius:1.04167vmin;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:9999}.goods-list-container .refresh .icon{width:2.08333vmin;height:2.08333vmin;margin-left:1.04167vmin}.goods-list-container .refresh .icon-refresh{animation:rotate 2s infinite linear;transform:rotate(0deg)}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.goods-list-container .goods-list{box-sizing:border-box;min-height:80vmin;display:flex;flex-direction:column;height:calc(100% - 5.46875vmin)}.goods-list-container .goods-list .finished-text{display:flex;justify-content:center;color:#999;font-size:3.73vmin;padding:2.67vmin 0}.goods-list-container .goods-list .check-box{padding-left:0 !important}.goods-list-container .goods-list .full-item{margin-left:2.08333vmin}}