xiaoe_mp_npm 1.1.26-test01 → 1.1.26-test04

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 (17) hide show
  1. package/miniprogram_dist/LiveGoodsList/index.js +8 -2
  2. package/miniprogram_dist/LiveGoodsList/index.scss +10 -9
  3. package/miniprogram_dist/LiveGoodsList/index.wxml +1 -1
  4. package/miniprogram_dist/LiveGoodsList/index.wxss +40 -36
  5. package/miniprogram_dist/TeacherGoodsList/index.js +5 -0
  6. package/miniprogram_dist/TeacherGoodsList/index.scss +10 -9
  7. package/miniprogram_dist/TeacherGoodsList/index.wxml +1 -1
  8. package/miniprogram_dist/TeacherGoodsList/index.wxss +40 -36
  9. package/package.json +1 -1
  10. package/src/LiveGoodsList/index.js +8 -2
  11. package/src/LiveGoodsList/index.scss +10 -9
  12. package/src/LiveGoodsList/index.wxml +1 -1
  13. package/src/LiveGoodsList/index.wxss +1 -1
  14. package/src/TeacherGoodsList/index.js +5 -0
  15. package/src/TeacherGoodsList/index.scss +10 -9
  16. package/src/TeacherGoodsList/index.wxml +1 -1
  17. package/src/TeacherGoodsList/index.wxss +1 -1
package/miniprogram_dist/LiveGoodsList/index.js CHANGED
@@ -65,6 +65,8 @@ Component({
65
65
  this.setData({
66
66
  show: newVal,
67
67
  refreshing: newVal,
68
+ refreshBtnStatus: false,
69
+ refreshHandleStatus: false,
68
70
  })
69
71
  newVal && this.data.explainingGoods?.resource_id && this.getExplainingGoodsInfo()
70
72
  newVal && !this.data.isLottery && this.getPreferentialPriceSetting() // 抽奖弹窗不调优惠券接口
@@ -230,6 +232,7 @@ Component({
230
232
  isGoodsTagGroupOn: false, // 商品标签开关
231
233
  tagGroupList: [], // 商品标签列表
232
234
  refreshBtnStatus: false, // 刷新按钮展示状态
235
+ refreshHandleStatus: false, // 刷新按钮点击状态
233
236
  tag_group_id: '0', // 当前选中的商品标签ID
234
237
  popupHeaderStyle: 'border-radius: 24rpx 24rpx 0 0;',
235
238
  contentStyle: "",
@@ -312,8 +315,10 @@ Component({
312
315
  },
313
316
  methods: {
314
317
  handleRefresh() {
315
- this.searchBack()
316
- this.onLoad()
318
+ this.setData({refreshHandleStatus: true}, () => {
319
+ this.searchBack()
320
+ this.onLoad()
321
+ })
317
322
  },
318
323
  handleExplainingGoods(val) {
319
324
  if (!val.id || val.id === -1) {
@@ -932,6 +937,7 @@ Component({
932
937
  finishedTxt,
933
938
  finished,
934
939
  refreshBtnStatus: (page_index === 1 || this.data.page_index === 1) ? false : this.data.refreshBtnStatus,
940
+ refreshHandleStatus: false,
935
941
  total
936
942
  }, () => {
937
943
  this.triggerEvent('getGoodsListLength', {
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.wxml CHANGED
@@ -85,7 +85,7 @@
85
85
  <view wx:if="{{refreshBtnStatus}}" class="refresh" catch:tap="handleRefresh">
86
86
  <view class="text">商品列表有更新</view>
87
87
  <image
88
- class="icon {{!finished && 'icon-refresh'}}"
88
+ class="icon {{refreshHandleStatus && 'icon-refresh'}}"
89
89
  src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mjl231wm0vsf.svg"
90
90
  />
91
91
  </view>
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.js CHANGED
@@ -65,6 +65,8 @@ Component({
65
65
  observer(newVal) {
66
66
  this.setData({
67
67
  refreshing: newVal,
68
+ refreshBtnStatus: false,
69
+ refreshHandleStatus: false,
68
70
  })
69
71
  console.log(newVal)
70
72
 
@@ -140,6 +142,7 @@ Component({
140
142
  changeStateLoading: false, // 商品状态更改中
141
143
  searchStatus: false, // 是否是搜索状态
142
144
  refreshBtnStatus: false, // 刷新按钮展示状态
145
+ refreshHandleStatus: false, // 刷新按钮点击状态
143
146
  allSearchList: [], // 所有搜索商品列表
144
147
  },
145
148
  lifetimes: {
@@ -157,6 +160,7 @@ Component({
157
160
  handleRefresh() {
158
161
  this.setData({
159
162
  refreshing: true,
163
+ refreshHandleStatus: true
160
164
  }, () => {
161
165
  this.onLoad()
162
166
  })
@@ -785,6 +789,7 @@ Component({
785
789
  finishedTxt,
786
790
  finished,
787
791
  refreshBtnStatus: this.data.page_index === 1 ? false : this.data.refreshBtnStatus,
792
+ refreshHandleStatus: false,
788
793
  total,
789
794
  is_jurisdiction,
790
795
  })
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.wxml CHANGED
@@ -19,7 +19,7 @@
19
19
  <view wx:if="{{refreshBtnStatus}}" class="refresh" catch:tap="handleRefresh">
20
20
  <view class="text">商品列表有更新</view>
21
21
  <image
22
- class="icon {{refreshing && 'icon-refresh'}}"
22
+ class="icon {{refreshHandleStatus && 'icon-refresh'}}"
23
23
  src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mjl231wm0vsf.svg"
24
24
  />
25
25
  </view>
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-test04",
4
4
  "description": "",
5
5
  "main": "miniprogram_dist/index.js",
6
6
  "scripts": {
package/src/LiveGoodsList/index.js CHANGED
@@ -65,6 +65,8 @@ Component({
65
65
  this.setData({
66
66
  show: newVal,
67
67
  refreshing: newVal,
68
+ refreshBtnStatus: false,
69
+ refreshHandleStatus: false,
68
70
  })
69
71
  newVal && this.data.explainingGoods?.resource_id && this.getExplainingGoodsInfo()
70
72
  newVal && !this.data.isLottery && this.getPreferentialPriceSetting() // 抽奖弹窗不调优惠券接口
@@ -230,6 +232,7 @@ Component({
230
232
  isGoodsTagGroupOn: false, // 商品标签开关
231
233
  tagGroupList: [], // 商品标签列表
232
234
  refreshBtnStatus: false, // 刷新按钮展示状态
235
+ refreshHandleStatus: false, // 刷新按钮点击状态
233
236
  tag_group_id: '0', // 当前选中的商品标签ID
234
237
  popupHeaderStyle: 'border-radius: 24rpx 24rpx 0 0;',
235
238
  contentStyle: "",
@@ -312,8 +315,10 @@ Component({
312
315
  },
313
316
  methods: {
314
317
  handleRefresh() {
315
- this.searchBack()
316
- this.onLoad()
318
+ this.setData({refreshHandleStatus: true}, () => {
319
+ this.searchBack()
320
+ this.onLoad()
321
+ })
317
322
  },
318
323
  handleExplainingGoods(val) {
319
324
  if (!val.id || val.id === -1) {
@@ -932,6 +937,7 @@ Component({
932
937
  finishedTxt,
933
938
  finished,
934
939
  refreshBtnStatus: (page_index === 1 || this.data.page_index === 1) ? false : this.data.refreshBtnStatus,
940
+ refreshHandleStatus: false,
935
941
  total
936
942
  }, () => {
937
943
  this.triggerEvent('getGoodsListLength', {
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.wxml CHANGED
@@ -85,7 +85,7 @@
85
85
  <view wx:if="{{refreshBtnStatus}}" class="refresh" catch:tap="handleRefresh">
86
86
  <view class="text">商品列表有更新</view>
87
87
  <image
88
- class="icon {{!finished && 'icon-refresh'}}"
88
+ class="icon {{refreshHandleStatus && 'icon-refresh'}}"
89
89
  src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mjl231wm0vsf.svg"
90
90
  />
91
91
  </view>
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.js CHANGED
@@ -65,6 +65,8 @@ Component({
65
65
  observer(newVal) {
66
66
  this.setData({
67
67
  refreshing: newVal,
68
+ refreshBtnStatus: false,
69
+ refreshHandleStatus: false,
68
70
  })
69
71
  console.log(newVal)
70
72
 
@@ -140,6 +142,7 @@ Component({
140
142
  changeStateLoading: false, // 商品状态更改中
141
143
  searchStatus: false, // 是否是搜索状态
142
144
  refreshBtnStatus: false, // 刷新按钮展示状态
145
+ refreshHandleStatus: false, // 刷新按钮点击状态
143
146
  allSearchList: [], // 所有搜索商品列表
144
147
  },
145
148
  lifetimes: {
@@ -157,6 +160,7 @@ Component({
157
160
  handleRefresh() {
158
161
  this.setData({
159
162
  refreshing: true,
163
+ refreshHandleStatus: true
160
164
  }, () => {
161
165
  this.onLoad()
162
166
  })
@@ -785,6 +789,7 @@ Component({
785
789
  finishedTxt,
786
790
  finished,
787
791
  refreshBtnStatus: this.data.page_index === 1 ? false : this.data.refreshBtnStatus,
792
+ refreshHandleStatus: false,
788
793
  total,
789
794
  is_jurisdiction,
790
795
  })
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.wxml CHANGED
@@ -19,7 +19,7 @@
19
19
  <view wx:if="{{refreshBtnStatus}}" class="refresh" catch:tap="handleRefresh">
20
20
  <view class="text">商品列表有更新</view>
21
21
  <image
22
- class="icon {{refreshing && 'icon-refresh'}}"
22
+ class="icon {{refreshHandleStatus && 'icon-refresh'}}"
23
23
  src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/mjl231wm0vsf.svg"
24
24
  />
25
25
  </view>
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}}