xiaoe_mp_npm 1.0.0-live4 → 1.0.0-live5

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 (27) hide show
  1. package/miniprogram_dist/Task/TaskBubble/index.js +0 -1
  2. package/miniprogram_dist/Task/TaskBubble/index.scss +0 -1
  3. package/miniprogram_dist/Task/TaskBubble/index.wxss +0 -3
  4. package/miniprogram_dist/Task/TaskIcon/index.js +8 -9
  5. package/miniprogram_dist/Task/TaskIcon/index.wxml +2 -1
  6. package/miniprogram_dist/Task/TaskPopup/component/TaskList/index.wxml +1 -1
  7. package/miniprogram_dist/Task/taskReceivePopup/coupon/index.js +1 -0
  8. package/miniprogram_dist/Task/taskReceivePopup/index.js +5 -1
  9. package/miniprogram_dist/Task/taskReceivePopup/index.wxml +10 -2
  10. package/miniprogram_dist/Task/taskReceivePopup/integral/index.js +1 -0
  11. package/package.json +1 -1
  12. package/src/LiveGoodsList/index.wxss +230 -230
  13. package/src/Task/TaskBubble/index.js +0 -1
  14. package/src/Task/TaskBubble/index.scss +0 -1
  15. package/src/Task/TaskBubble/index.wxss +1 -1
  16. package/src/Task/TaskIcon/index.js +8 -9
  17. package/src/Task/TaskIcon/index.wxml +2 -1
  18. package/src/Task/TaskIcon/index.wxss +127 -127
  19. package/src/Task/TaskPopup/component/TaskList/index.wxml +1 -1
  20. package/src/Task/TaskPopup/component/TaskList/index.wxss +98 -1
  21. package/src/Task/taskReceivePopup/coupon/index.js +1 -0
  22. package/src/Task/taskReceivePopup/coupon/index.wxss +163 -1
  23. package/src/Task/taskReceivePopup/index.js +5 -1
  24. package/src/Task/taskReceivePopup/index.wxml +10 -2
  25. package/src/Task/taskReceivePopup/index.wxss +1 -1
  26. package/src/Task/taskReceivePopup/integral/index.js +1 -0
  27. package/src/Task/taskReceivePopup/integral/index.wxss +94 -1
@@ -49,7 +49,6 @@ Component({
49
49
  this.setData({
50
50
  animationData: animation.export(),
51
51
  })
52
-
53
52
  // 在动画结束后调用还原元素位置的函数
54
53
  setTimeout(() => {
55
54
  this.restoreElement()
@@ -7,7 +7,6 @@ $deviceWidth: 750;
7
7
  @mixin barrage-container {
8
8
  color: #fff;
9
9
  font-size: vmin(20);
10
- margin-bottom: vmin(76);
11
10
  .barrage-wrap {
12
11
  display: flex;
13
12
  .barrage-item {
@@ -1,7 +1,6 @@
1
1
  .barrage-container {
2
2
  color: #fff;
3
3
  font-size: 2.66667vmin;
4
- margin-bottom: 10.13333vmin;
5
4
  }
6
5
  .barrage-container .barrage-wrap {
7
6
  display: flex;
@@ -97,7 +96,6 @@
97
96
  .barrage-container {
98
97
  color: #fff;
99
98
  font-size: 1.30208vmin;
100
- margin-bottom: 4.94792vmin;
101
99
  }
102
100
  .barrage-container .barrage-wrap {
103
101
  display: flex;
@@ -194,7 +192,6 @@
194
192
  .barrage-container {
195
193
  color: #fff;
196
194
  font-size: 1.30208vmin;
197
- margin-bottom: 4.94792vmin;
198
195
  }
199
196
  .barrage-container .barrage-wrap {
200
197
  display: flex;
@@ -2,21 +2,20 @@ Component({
2
2
  /**
3
3
  * 组件的属性列表
4
4
  */
5
- properties: {},
5
+ properties: {
6
+ aliveMode:{
7
+ type: Number,
8
+ value: 1
9
+ }
10
+ },
6
11
 
7
12
  /**
8
13
  * 组件的初始数据
9
14
  */
10
- data: {
11
- alive_mode: 1,
12
- },
15
+ data: {},
13
16
 
14
17
  /**
15
18
  * 组件的方法列表
16
19
  */
17
- methods: {
18
- iconClick(){
19
- this.triggerEvent("iconClick")
20
- }
21
- },
20
+ methods: {},
22
21
  })
@@ -1,4 +1,5 @@
1
- <view class="taskIcon {{alive_mode === 1? 'verticalStyle' : ''}}" catch:tap="iconClick">
1
+ <view class="taskIcon {{aliveMode === 1? 'verticalStyle' : ''}}">
2
2
  <view class="task-icon" />
3
3
  <view class="task-text">得奖励</view>
4
4
  </view>
5
+
@@ -1,6 +1,6 @@
1
1
  <scroll-view class="task-list" scroll-y="true" bindrefresherrefresh="onLoad" refresher-enabled="{{true}}">
2
2
  <!-- 任务同步失败列表 -->
3
- <view class="error-box">
3
+ <view class="error-box" wx:if="{{errorsList.length}}">
4
4
  <task-item
5
5
  wx:for="{{errorsList}}"
6
6
  wx:for-item="item"
@@ -27,6 +27,7 @@ Component({
27
27
  this.setData({
28
28
  showCouponReceivePopup: false
29
29
  })
30
+ this.triggerEvent('close')
30
31
  },
31
32
  },
32
33
  })
@@ -26,5 +26,9 @@ Component({
26
26
  /**
27
27
  * 组件的方法列表
28
28
  */
29
- methods: {},
29
+ methods: {
30
+ handleClose(){
31
+ this.triggerEvent('close')
32
+ }
33
+ },
30
34
  })
@@ -1,7 +1,15 @@
1
1
  <view>
2
2
  <!-- 优惠券奖励弹窗 -->
3
- <coupon-popup showCouponReceivePopup="{{showCouponReceivePopup}}" isFullScreen="{{isFullScreen}}"></coupon-popup>
3
+ <coupon-popup
4
+ showCouponReceivePopup="{{showCouponReceivePopup}}"
5
+ isFullScreen="{{isFullcreen}}"
6
+ bind:close="handleClose"
7
+ ></coupon-popup>
4
8
  <!-- 积分奖励弹窗 -->
5
- <integral-popup showIntegralReceivePopup="{{showIntegralReceivePopup}}" isFullScreen="{{isFullScreen}}"></integral-popup>
9
+ <integral-popup
10
+ showIntegralReceivePopup="{{showIntegralReceivePopup}}"
11
+ isFullScreen="{{isFullScreen}}"
12
+ bind:close="handleClose"
13
+ ></integral-popup>
6
14
  </view>
7
15
 
@@ -27,6 +27,7 @@ Component({
27
27
  this.setData({
28
28
  showIntegralReceivePopup: false
29
29
  })
30
+ this.triggerEvent('close')
30
31
  },
31
32
  },
32
33
  })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xiaoe_mp_npm",
3
- "version": "1.0.0-live4",
3
+ "version": "1.0.0-live5",
4
4
  "description": "",
5
5
  "main": "miniprogram_dist/index.js",
6
6
  "scripts": {
@@ -1,230 +1,230 @@
1
- .goods-list-box .goods-list-box-popup {
2
- width: 100vmin;
3
- }
4
-
5
- .goods-list-box .box {
6
- margin: 0 1.6vmin;
7
- }
8
-
9
- .goods-list-box .title {
10
- margin: 0;
11
- padding: 4.26667vmin 2.13333vmin 2.13333vmin;
12
- color: rgba(69, 90, 100, 0.6);
13
- font-weight: normal;
14
- font-size: 2.4vmin;
15
- line-height: 2.66667vmin;
16
- text-align: center;
17
- }
18
-
19
- .goods-list-box .btn {
20
- display: block;
21
- width: 100%;
22
- margin: 1.33333vmin 0;
23
- background-color: #fff;
24
- }
25
-
26
- .goods-list-box .page-main {
27
- height: 100%;
28
- }
29
-
30
- .goods-list-box .goods-list {
31
- box-sizing: border-box;
32
- min-height: 40vmin;
33
- display: flex;
34
- flex-direction: column;
35
- height: 100%;
36
- }
37
-
38
- .goods-list-box .goods-list .finished-text {
39
- display: flex;
40
- justify-content: center;
41
- color: #999;
42
- font-size: 3.73333vmin;
43
- padding-bottom: 2.66667vmin;
44
- }
45
-
46
- .goods-list-box .goods-list .no-data {
47
- display: flex;
48
- flex-direction: column;
49
- align-items: center;
50
- padding-top: 10.66667vmin;
51
- }
52
-
53
- .goods-list-box .goods-list .no-data .no-data-png {
54
- width: 23.46667vmin;
55
- height: 23.46667vmin;
56
- }
57
-
58
- .goods-list-box .goods-list .no-data .no-data-text {
59
- color: #999999;
60
- font-size: 3.73333vmin;
61
- margin-top: 4.26667vmin;
62
- }
63
-
64
- @media screen and (min-width: 768px) and (orientation: portrait) {
65
- .goods-list-box .goods-list-box-popup {
66
- width: 48.82812vmin;
67
- }
68
- .goods-list-box .box {
69
- margin: 0 0.78125vmin;
70
- }
71
- .goods-list-box .title {
72
- margin: 0;
73
- padding: 2.08333vmin 1.04167vmin 1.04167vmin;
74
- color: rgba(69, 90, 100, 0.6);
75
- font-weight: normal;
76
- font-size: 1.17188vmin;
77
- line-height: 1.30208vmin;
78
- text-align: center;
79
- }
80
- .goods-list-box .btn {
81
- display: block;
82
- width: 100%;
83
- margin: 0.65104vmin 0;
84
- background-color: #fff;
85
- }
86
- .goods-list-box .page-main {
87
- height: 100%;
88
- }
89
- .goods-list-box .goods-list {
90
- box-sizing: border-box;
91
- min-height: 40vmin;
92
- display: flex;
93
- flex-direction: column;
94
- height: 100%;
95
- }
96
- .goods-list-box .goods-list .finished-text {
97
- display: flex;
98
- justify-content: center;
99
- color: #999;
100
- font-size: 1.82292vmin;
101
- padding-bottom: 1.30208vmin;
102
- }
103
- .goods-list-box .goods-list .no-data {
104
- display: flex;
105
- flex-direction: column;
106
- align-items: center;
107
- padding-top: 5.20833vmin;
108
- }
109
- .goods-list-box .goods-list .no-data .no-data-png {
110
- width: 11.45833vmin;
111
- height: 11.45833vmin;
112
- }
113
- .goods-list-box .goods-list .no-data .no-data-text {
114
- color: #999999;
115
- font-size: 1.82292vmin;
116
- margin-top: 2.08333vmin;
117
- }
118
- }
119
-
120
- @media screen and (min-height: 630px) and (orientation: landscape) {
121
- .goods-list-box .goods-list-box-popup {
122
- width: 59.52381vmin;
123
- }
124
- .goods-list-box .box {
125
- margin: 0 0.95238vmin;
126
- }
127
- .goods-list-box .title {
128
- margin: 0;
129
- padding: 2.53968vmin 1.26984vmin 1.26984vmin;
130
- color: rgba(69, 90, 100, 0.6);
131
- font-weight: normal;
132
- font-size: 1.42857vmin;
133
- line-height: 1.5873vmin;
134
- text-align: center;
135
- }
136
- .goods-list-box .btn {
137
- display: block;
138
- width: 100%;
139
- margin: 0.79365vmin 0;
140
- background-color: #fff;
141
- }
142
- .goods-list-box .page-main {
143
- height: 100%;
144
- }
145
- .goods-list-box .goods-list {
146
- box-sizing: border-box;
147
- min-height: 40vmin;
148
- display: flex;
149
- flex-direction: column;
150
- height: 100%;
151
- }
152
- .goods-list-box .goods-list .finished-text {
153
- display: flex;
154
- justify-content: center;
155
- color: #999;
156
- font-size: 2.22222vmin;
157
- padding-bottom: 1.5873vmin;
158
- }
159
- .goods-list-box .goods-list .no-data {
160
- display: flex;
161
- flex-direction: column;
162
- align-items: center;
163
- padding-top: 6.34921vmin;
164
- }
165
- .goods-list-box .goods-list .no-data .no-data-png {
166
- width: 13.96825vmin;
167
- height: 13.96825vmin;
168
- }
169
- .goods-list-box .goods-list .no-data .no-data-text {
170
- color: #999999;
171
- font-size: 2.22222vmin;
172
- margin-top: 2.53968vmin;
173
- }
174
- }
175
-
176
- @media screen and (min-height: 768px) and (orientation: landscape) {
177
- .goods-list-box .goods-list-box-popup {
178
- width: 48.82812vmin;
179
- }
180
- .goods-list-box .box {
181
- margin: 0 0.78125vmin;
182
- }
183
- .goods-list-box .title {
184
- margin: 0;
185
- padding: 2.08333vmin 1.04167vmin 1.04167vmin;
186
- color: rgba(69, 90, 100, 0.6);
187
- font-weight: normal;
188
- font-size: 1.17188vmin;
189
- line-height: 1.30208vmin;
190
- text-align: center;
191
- }
192
- .goods-list-box .btn {
193
- display: block;
194
- width: 100%;
195
- margin: 0.65104vmin 0;
196
- background-color: #fff;
197
- }
198
- .goods-list-box .page-main {
199
- height: 100%;
200
- }
201
- .goods-list-box .goods-list {
202
- box-sizing: border-box;
203
- min-height: 40vmin;
204
- display: flex;
205
- flex-direction: column;
206
- height: 100%;
207
- }
208
- .goods-list-box .goods-list .finished-text {
209
- display: flex;
210
- justify-content: center;
211
- color: #999;
212
- font-size: 1.82292vmin;
213
- padding-bottom: 1.30208vmin;
214
- }
215
- .goods-list-box .goods-list .no-data {
216
- display: flex;
217
- flex-direction: column;
218
- align-items: center;
219
- padding-top: 5.20833vmin;
220
- }
221
- .goods-list-box .goods-list .no-data .no-data-png {
222
- width: 11.45833vmin;
223
- height: 11.45833vmin;
224
- }
225
- .goods-list-box .goods-list .no-data .no-data-text {
226
- color: #999999;
227
- font-size: 1.82292vmin;
228
- margin-top: 2.08333vmin;
229
- }
230
- }
1
+ .goods-list-box .goods-list-box-popup {
2
+ width: 100vmin;
3
+ }
4
+
5
+ .goods-list-box .box {
6
+ margin: 0 1.6vmin;
7
+ }
8
+
9
+ .goods-list-box .title {
10
+ margin: 0;
11
+ padding: 4.26667vmin 2.13333vmin 2.13333vmin;
12
+ color: rgba(69, 90, 100, 0.6);
13
+ font-weight: normal;
14
+ font-size: 2.4vmin;
15
+ line-height: 2.66667vmin;
16
+ text-align: center;
17
+ }
18
+
19
+ .goods-list-box .btn {
20
+ display: block;
21
+ width: 100%;
22
+ margin: 1.33333vmin 0;
23
+ background-color: #fff;
24
+ }
25
+
26
+ .goods-list-box .page-main {
27
+ height: 100%;
28
+ }
29
+
30
+ .goods-list-box .goods-list {
31
+ box-sizing: border-box;
32
+ min-height: 40vmin;
33
+ display: flex;
34
+ flex-direction: column;
35
+ height: 100%;
36
+ }
37
+
38
+ .goods-list-box .goods-list .finished-text {
39
+ display: flex;
40
+ justify-content: center;
41
+ color: #999;
42
+ font-size: 3.73333vmin;
43
+ padding-bottom: 2.66667vmin;
44
+ }
45
+
46
+ .goods-list-box .goods-list .no-data {
47
+ display: flex;
48
+ flex-direction: column;
49
+ align-items: center;
50
+ padding-top: 10.66667vmin;
51
+ }
52
+
53
+ .goods-list-box .goods-list .no-data .no-data-png {
54
+ width: 23.46667vmin;
55
+ height: 23.46667vmin;
56
+ }
57
+
58
+ .goods-list-box .goods-list .no-data .no-data-text {
59
+ color: #999999;
60
+ font-size: 3.73333vmin;
61
+ margin-top: 4.26667vmin;
62
+ }
63
+
64
+ @media screen and (min-width: 768px) and (orientation: portrait) {
65
+ .goods-list-box .goods-list-box-popup {
66
+ width: 48.82812vmin;
67
+ }
68
+ .goods-list-box .box {
69
+ margin: 0 0.78125vmin;
70
+ }
71
+ .goods-list-box .title {
72
+ margin: 0;
73
+ padding: 2.08333vmin 1.04167vmin 1.04167vmin;
74
+ color: rgba(69, 90, 100, 0.6);
75
+ font-weight: normal;
76
+ font-size: 1.17188vmin;
77
+ line-height: 1.30208vmin;
78
+ text-align: center;
79
+ }
80
+ .goods-list-box .btn {
81
+ display: block;
82
+ width: 100%;
83
+ margin: 0.65104vmin 0;
84
+ background-color: #fff;
85
+ }
86
+ .goods-list-box .page-main {
87
+ height: 100%;
88
+ }
89
+ .goods-list-box .goods-list {
90
+ box-sizing: border-box;
91
+ min-height: 40vmin;
92
+ display: flex;
93
+ flex-direction: column;
94
+ height: 100%;
95
+ }
96
+ .goods-list-box .goods-list .finished-text {
97
+ display: flex;
98
+ justify-content: center;
99
+ color: #999;
100
+ font-size: 1.82292vmin;
101
+ padding-bottom: 1.30208vmin;
102
+ }
103
+ .goods-list-box .goods-list .no-data {
104
+ display: flex;
105
+ flex-direction: column;
106
+ align-items: center;
107
+ padding-top: 5.20833vmin;
108
+ }
109
+ .goods-list-box .goods-list .no-data .no-data-png {
110
+ width: 11.45833vmin;
111
+ height: 11.45833vmin;
112
+ }
113
+ .goods-list-box .goods-list .no-data .no-data-text {
114
+ color: #999999;
115
+ font-size: 1.82292vmin;
116
+ margin-top: 2.08333vmin;
117
+ }
118
+ }
119
+
120
+ @media screen and (min-height: 630px) and (orientation: landscape) {
121
+ .goods-list-box .goods-list-box-popup {
122
+ width: 59.52381vmin;
123
+ }
124
+ .goods-list-box .box {
125
+ margin: 0 0.95238vmin;
126
+ }
127
+ .goods-list-box .title {
128
+ margin: 0;
129
+ padding: 2.53968vmin 1.26984vmin 1.26984vmin;
130
+ color: rgba(69, 90, 100, 0.6);
131
+ font-weight: normal;
132
+ font-size: 1.42857vmin;
133
+ line-height: 1.5873vmin;
134
+ text-align: center;
135
+ }
136
+ .goods-list-box .btn {
137
+ display: block;
138
+ width: 100%;
139
+ margin: 0.79365vmin 0;
140
+ background-color: #fff;
141
+ }
142
+ .goods-list-box .page-main {
143
+ height: 100%;
144
+ }
145
+ .goods-list-box .goods-list {
146
+ box-sizing: border-box;
147
+ min-height: 40vmin;
148
+ display: flex;
149
+ flex-direction: column;
150
+ height: 100%;
151
+ }
152
+ .goods-list-box .goods-list .finished-text {
153
+ display: flex;
154
+ justify-content: center;
155
+ color: #999;
156
+ font-size: 2.22222vmin;
157
+ padding-bottom: 1.5873vmin;
158
+ }
159
+ .goods-list-box .goods-list .no-data {
160
+ display: flex;
161
+ flex-direction: column;
162
+ align-items: center;
163
+ padding-top: 6.34921vmin;
164
+ }
165
+ .goods-list-box .goods-list .no-data .no-data-png {
166
+ width: 13.96825vmin;
167
+ height: 13.96825vmin;
168
+ }
169
+ .goods-list-box .goods-list .no-data .no-data-text {
170
+ color: #999999;
171
+ font-size: 2.22222vmin;
172
+ margin-top: 2.53968vmin;
173
+ }
174
+ }
175
+
176
+ @media screen and (min-height: 768px) and (orientation: landscape) {
177
+ .goods-list-box .goods-list-box-popup {
178
+ width: 48.82812vmin;
179
+ }
180
+ .goods-list-box .box {
181
+ margin: 0 0.78125vmin;
182
+ }
183
+ .goods-list-box .title {
184
+ margin: 0;
185
+ padding: 2.08333vmin 1.04167vmin 1.04167vmin;
186
+ color: rgba(69, 90, 100, 0.6);
187
+ font-weight: normal;
188
+ font-size: 1.17188vmin;
189
+ line-height: 1.30208vmin;
190
+ text-align: center;
191
+ }
192
+ .goods-list-box .btn {
193
+ display: block;
194
+ width: 100%;
195
+ margin: 0.65104vmin 0;
196
+ background-color: #fff;
197
+ }
198
+ .goods-list-box .page-main {
199
+ height: 100%;
200
+ }
201
+ .goods-list-box .goods-list {
202
+ box-sizing: border-box;
203
+ min-height: 40vmin;
204
+ display: flex;
205
+ flex-direction: column;
206
+ height: 100%;
207
+ }
208
+ .goods-list-box .goods-list .finished-text {
209
+ display: flex;
210
+ justify-content: center;
211
+ color: #999;
212
+ font-size: 1.82292vmin;
213
+ padding-bottom: 1.30208vmin;
214
+ }
215
+ .goods-list-box .goods-list .no-data {
216
+ display: flex;
217
+ flex-direction: column;
218
+ align-items: center;
219
+ padding-top: 5.20833vmin;
220
+ }
221
+ .goods-list-box .goods-list .no-data .no-data-png {
222
+ width: 11.45833vmin;
223
+ height: 11.45833vmin;
224
+ }
225
+ .goods-list-box .goods-list .no-data .no-data-text {
226
+ color: #999999;
227
+ font-size: 1.82292vmin;
228
+ margin-top: 2.08333vmin;
229
+ }
230
+ }
@@ -49,7 +49,6 @@ Component({
49
49
  this.setData({
50
50
  animationData: animation.export(),
51
51
  })
52
-
53
52
  // 在动画结束后调用还原元素位置的函数
54
53
  setTimeout(() => {
55
54
  this.restoreElement()
@@ -7,7 +7,6 @@ $deviceWidth: 750;
7
7
  @mixin barrage-container {
8
8
  color: #fff;
9
9
  font-size: vmin(20);
10
- margin-bottom: vmin(76);
11
10
  .barrage-wrap {
12
11
  display: flex;
13
12
  .barrage-item {
@@ -1 +1 @@
1
- .barrage-container{color:#fff;font-size:2.66667vmin;margin-bottom:10.13333vmin}.barrage-container .barrage-wrap{display:flex}.barrage-container .barrage-wrap .barrage-item{position:relative;background:linear-gradient(270deg, #ff781f00 0%, #ff8619c7 21.42%, #ff9a0feb 46.71%, #FC0 100%);height:8.53333vmin;font-size:3.2vmin;line-height:8.53333vmin;border-radius:12.26667vmin;transition:0.3s;transform:translateX(-66.66667vmin)}.barrage-container .barrage-wrap .barrage-item .barrage-content{display:flex;align-items:center}.barrage-container .barrage-wrap .barrage-item .task-completion-icon{width:6.4vmin;height:6.4vmin;border-radius:50%;margin-left:1.33333vmin;flex-shrink:0}.barrage-container .barrage-wrap .barrage-item .task-type{display:flex;flex-direction:column;margin-left:1.06667vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .task-type view{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .prize-icon{width:7.46667vmin;height:7.46667vmin;display:flex;justify-content:center;align-items:center;margin:0 1.06667vmin}.barrage-container .barrage-wrap .barrage-item .prize-num{color:#FFF5CC;font-weight:500;margin-right:1.06667vmin}.barrage-container .barrage-wrap .barrage-item .right-arrow-icon{height:5.33333vmin;width:5.33333vmin;margin-right:6.93333vmin}.barrage-container .barrage-wrap .barrage-item.barrage-item-show{animation:taskFadeInLeft 1.5s both}.barrage-container .barrage-wrap .barrage-item.barrage-item-hide{animation:taskFadeOut 1.5s both}@keyframes taskFadeInLeft{0%{transform:translateX(-66.66667vmin);opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes taskFadeOut{0%{transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:0}}@keyframes moveRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media screen and (min-width: 768px) and (orientation: portrait){.barrage-container{color:#fff;font-size:1.30208vmin;margin-bottom:4.94792vmin}.barrage-container .barrage-wrap{display:flex}.barrage-container .barrage-wrap .barrage-item{position:relative;background:linear-gradient(270deg, #ff781f00 0%, #ff8619c7 21.42%, #ff9a0feb 46.71%, #FC0 100%);height:4.16667vmin;font-size:1.5625vmin;line-height:4.16667vmin;border-radius:5.98958vmin;transition:0.3s;transform:translateX(-32.55208vmin)}.barrage-container .barrage-wrap .barrage-item .barrage-content{display:flex;align-items:center}.barrage-container .barrage-wrap .barrage-item .task-completion-icon{width:3.125vmin;height:3.125vmin;border-radius:50%;margin-left:.65104vmin;flex-shrink:0}.barrage-container .barrage-wrap .barrage-item .task-type{display:flex;flex-direction:column;margin-left:.52083vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .task-type view{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .prize-icon{width:3.64583vmin;height:3.64583vmin;display:flex;justify-content:center;align-items:center;margin:0 .52083vmin}.barrage-container .barrage-wrap .barrage-item .prize-num{color:#FFF5CC;font-weight:500;margin-right:.52083vmin}.barrage-container .barrage-wrap .barrage-item .right-arrow-icon{height:2.60417vmin;width:2.60417vmin;margin-right:3.38542vmin}.barrage-container .barrage-wrap .barrage-item.barrage-item-show{animation:taskFadeInLeft 1.5s both}.barrage-container .barrage-wrap .barrage-item.barrage-item-hide{animation:taskFadeOut 1.5s both}@keyframes taskFadeInLeft{0%{transform:translateX(-32.55208vmin);opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes taskFadeOut{0%{transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:0}}@keyframes moveRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}}@media screen and (min-height: 768px) and (orientation: landscape){.barrage-container{color:#fff;font-size:1.30208vmin;margin-bottom:4.94792vmin}.barrage-container .barrage-wrap{display:flex}.barrage-container .barrage-wrap .barrage-item{position:relative;background:linear-gradient(270deg, #ff781f00 0%, #ff8619c7 21.42%, #ff9a0feb 46.71%, #FC0 100%);height:4.16667vmin;font-size:1.5625vmin;line-height:4.16667vmin;border-radius:5.98958vmin;transition:0.3s;transform:translateX(-32.55208vmin)}.barrage-container .barrage-wrap .barrage-item .barrage-content{display:flex;align-items:center}.barrage-container .barrage-wrap .barrage-item .task-completion-icon{width:3.125vmin;height:3.125vmin;border-radius:50%;margin-left:.65104vmin;flex-shrink:0}.barrage-container .barrage-wrap .barrage-item .task-type{display:flex;flex-direction:column;margin-left:.52083vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .task-type view{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .prize-icon{width:3.64583vmin;height:3.64583vmin;display:flex;justify-content:center;align-items:center;margin:0 .52083vmin}.barrage-container .barrage-wrap .barrage-item .prize-num{color:#FFF5CC;font-weight:500;margin-right:.52083vmin}.barrage-container .barrage-wrap .barrage-item .right-arrow-icon{height:2.60417vmin;width:2.60417vmin;margin-right:3.38542vmin}.barrage-container .barrage-wrap .barrage-item.barrage-item-show{animation:taskFadeInLeft 1.5s both}.barrage-container .barrage-wrap .barrage-item.barrage-item-hide{animation:taskFadeOut 1.5s both}@keyframes taskFadeInLeft{0%{transform:translateX(-32.55208vmin);opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes taskFadeOut{0%{transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:0}}@keyframes moveRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}}
1
+ .barrage-container{color:#fff;font-size:2.66667vmin}.barrage-container .barrage-wrap{display:flex}.barrage-container .barrage-wrap .barrage-item{position:relative;background:linear-gradient(270deg, #ff781f00 0%, #ff8619c7 21.42%, #ff9a0feb 46.71%, #FC0 100%);height:8.53333vmin;font-size:3.2vmin;line-height:8.53333vmin;border-radius:12.26667vmin;transition:0.3s;transform:translateX(-66.66667vmin)}.barrage-container .barrage-wrap .barrage-item .barrage-content{display:flex;align-items:center}.barrage-container .barrage-wrap .barrage-item .task-completion-icon{width:6.4vmin;height:6.4vmin;border-radius:50%;margin-left:1.33333vmin;flex-shrink:0}.barrage-container .barrage-wrap .barrage-item .task-type{display:flex;flex-direction:column;margin-left:1.06667vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .task-type view{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .prize-icon{width:7.46667vmin;height:7.46667vmin;display:flex;justify-content:center;align-items:center;margin:0 1.06667vmin}.barrage-container .barrage-wrap .barrage-item .prize-num{color:#FFF5CC;font-weight:500;margin-right:1.06667vmin}.barrage-container .barrage-wrap .barrage-item .right-arrow-icon{height:5.33333vmin;width:5.33333vmin;margin-right:6.93333vmin}.barrage-container .barrage-wrap .barrage-item.barrage-item-show{animation:taskFadeInLeft 1.5s both}.barrage-container .barrage-wrap .barrage-item.barrage-item-hide{animation:taskFadeOut 1.5s both}@keyframes taskFadeInLeft{0%{transform:translateX(-66.66667vmin);opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes taskFadeOut{0%{transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:0}}@keyframes moveRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media screen and (min-width: 768px) and (orientation: portrait){.barrage-container{color:#fff;font-size:1.30208vmin}.barrage-container .barrage-wrap{display:flex}.barrage-container .barrage-wrap .barrage-item{position:relative;background:linear-gradient(270deg, #ff781f00 0%, #ff8619c7 21.42%, #ff9a0feb 46.71%, #FC0 100%);height:4.16667vmin;font-size:1.5625vmin;line-height:4.16667vmin;border-radius:5.98958vmin;transition:0.3s;transform:translateX(-32.55208vmin)}.barrage-container .barrage-wrap .barrage-item .barrage-content{display:flex;align-items:center}.barrage-container .barrage-wrap .barrage-item .task-completion-icon{width:3.125vmin;height:3.125vmin;border-radius:50%;margin-left:.65104vmin;flex-shrink:0}.barrage-container .barrage-wrap .barrage-item .task-type{display:flex;flex-direction:column;margin-left:.52083vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .task-type view{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .prize-icon{width:3.64583vmin;height:3.64583vmin;display:flex;justify-content:center;align-items:center;margin:0 .52083vmin}.barrage-container .barrage-wrap .barrage-item .prize-num{color:#FFF5CC;font-weight:500;margin-right:.52083vmin}.barrage-container .barrage-wrap .barrage-item .right-arrow-icon{height:2.60417vmin;width:2.60417vmin;margin-right:3.38542vmin}.barrage-container .barrage-wrap .barrage-item.barrage-item-show{animation:taskFadeInLeft 1.5s both}.barrage-container .barrage-wrap .barrage-item.barrage-item-hide{animation:taskFadeOut 1.5s both}@keyframes taskFadeInLeft{0%{transform:translateX(-32.55208vmin);opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes taskFadeOut{0%{transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:0}}@keyframes moveRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}}@media screen and (min-height: 768px) and (orientation: landscape){.barrage-container{color:#fff;font-size:1.30208vmin}.barrage-container .barrage-wrap{display:flex}.barrage-container .barrage-wrap .barrage-item{position:relative;background:linear-gradient(270deg, #ff781f00 0%, #ff8619c7 21.42%, #ff9a0feb 46.71%, #FC0 100%);height:4.16667vmin;font-size:1.5625vmin;line-height:4.16667vmin;border-radius:5.98958vmin;transition:0.3s;transform:translateX(-32.55208vmin)}.barrage-container .barrage-wrap .barrage-item .barrage-content{display:flex;align-items:center}.barrage-container .barrage-wrap .barrage-item .task-completion-icon{width:3.125vmin;height:3.125vmin;border-radius:50%;margin-left:.65104vmin;flex-shrink:0}.barrage-container .barrage-wrap .barrage-item .task-type{display:flex;flex-direction:column;margin-left:.52083vmin;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .task-type view{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barrage-container .barrage-wrap .barrage-item .prize-icon{width:3.64583vmin;height:3.64583vmin;display:flex;justify-content:center;align-items:center;margin:0 .52083vmin}.barrage-container .barrage-wrap .barrage-item .prize-num{color:#FFF5CC;font-weight:500;margin-right:.52083vmin}.barrage-container .barrage-wrap .barrage-item .right-arrow-icon{height:2.60417vmin;width:2.60417vmin;margin-right:3.38542vmin}.barrage-container .barrage-wrap .barrage-item.barrage-item-show{animation:taskFadeInLeft 1.5s both}.barrage-container .barrage-wrap .barrage-item.barrage-item-hide{animation:taskFadeOut 1.5s both}@keyframes taskFadeInLeft{0%{transform:translateX(-32.55208vmin);opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes taskFadeOut{0%{transform:translateX(0);opacity:1}100%{transform:translateX(0);opacity:0}}@keyframes moveRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}}