xiaoe_mp_npm 1.0.0-live13 → 1.0.0-live14

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/Task/TaskBubble/index.js +6 -2
  2. package/miniprogram_dist/Task/TaskBubble/index.wxml +2 -7
  3. package/miniprogram_dist/Task/TaskPopup/component/TaskList/index.scss +3 -0
  4. package/miniprogram_dist/Task/TaskPopup/component/TaskList/index.wxss +8 -0
  5. package/miniprogram_dist/Task/TaskPopup/index.js +9 -1
  6. package/miniprogram_dist/Task/TaskPopup/index.scss +2 -0
  7. package/miniprogram_dist/Task/TaskPopup/index.wxml +6 -1
  8. package/miniprogram_dist/Task/TaskPopup/index.wxss +8 -0
  9. package/package.json +1 -1
  10. package/src/Task/TaskBubble/index.js +6 -2
  11. package/src/Task/TaskBubble/index.wxml +2 -7
  12. package/src/Task/TaskPopup/component/TaskList/index.scss +3 -0
  13. package/src/Task/TaskPopup/component/TaskList/index.wxss +1 -1
  14. package/src/Task/TaskPopup/index.js +9 -1
  15. package/src/Task/TaskPopup/index.scss +2 -0
  16. package/src/Task/TaskPopup/index.wxml +6 -1
  17. package/src/Task/TaskPopup/index.wxss +1 -1
package/miniprogram_dist/Task/TaskBubble/index.js CHANGED
@@ -9,6 +9,10 @@ Component({
9
9
  type: Object,
10
10
  value: {},
11
11
  },
12
+ zIndex: {
13
+ type: Number,
14
+ value: 1,
15
+ },
12
16
  },
13
17
 
14
18
  /**
@@ -26,8 +30,8 @@ Component({
26
30
  // 奖品类型
27
31
  rewardValue(data){
28
32
  if(data.taskMsg.live_task?.task_type === 1){
29
- const hours = Math.floor(data.taskMsg.live_task?.reward_value / 60);
30
- const remainingMinutes = data.taskMsg.live_task?.reward_value % 60;
33
+ const hours = Math.floor(data.taskMsg.live_task?.task_condition / 60);
34
+ const remainingMinutes = data.taskMsg.live_task?.task_condition % 60;
31
35
 
32
36
  if (hours === 0) {
33
37
  return `达${remainingMinutes}分钟`;
package/miniprogram_dist/Task/TaskBubble/index.wxml CHANGED
@@ -1,4 +1,4 @@
1
- <view class="barrage-container" catch:tap="bubbleClick">
1
+ <view class="barrage-container" catch:tap="bubbleClick" style="{{zIndex?'z-index:'+zIndex:''}}">
2
2
  <view class="barrage-wrap">
3
3
  <view class="barrage-item" animation="{{animationData}}">
4
4
  <view class="barrage-content">
@@ -9,11 +9,7 @@
9
9
  />
10
10
  <view wx:if="{{taskMsg.live_task.task_type === 1}}" class="task-type">观看时长</view>
11
11
  <view>{{ rewardValue }}</view>
12
- <image
13
- class="prize-icon"
14
- src="{{taskIconImg}}"
15
- alt="奖励"
16
- />
12
+ <image class="prize-icon" src="{{taskIconImg}}" alt="奖励" />
17
13
  <view class="prize-num">+{{ prizeNum }}</view>
18
14
  <image
19
15
  class="right-arrow-icon"
@@ -24,4 +20,3 @@
24
20
  </view>
25
21
  </view>
26
22
  </view>
27
-
package/miniprogram_dist/Task/TaskPopup/component/TaskList/index.scss CHANGED
@@ -6,6 +6,9 @@ $deviceWidth: 750;
6
6
 
7
7
  @mixin task-list{
8
8
  height: 100%;
9
+ min-height: 40vmin;
10
+ // padding-bottom: vmin(32);
11
+ box-sizing: border-box;
9
12
  .error-box{
10
13
  background: #fff;
11
14
  padding: vmin(2) vmin(2) 0 vmin(2);
package/miniprogram_dist/Task/TaskPopup/component/TaskList/index.wxss CHANGED
@@ -1,5 +1,7 @@
1
1
  .task-list {
2
2
  height: 100%;
3
+ min-height: 40vmin;
4
+ box-sizing: border-box;
3
5
  }
4
6
  .task-list .error-box {
5
7
  background: #fff;
@@ -27,6 +29,8 @@
27
29
  @media screen and (min-width: 768px) and (orientation: portrait) {
28
30
  .task-list {
29
31
  height: 100%;
32
+ min-height: 40vmin;
33
+ box-sizing: border-box;
30
34
  }
31
35
  .task-list .error-box {
32
36
  background: #fff;
@@ -55,6 +59,8 @@
55
59
  @media screen and (min-height: 630px) and (orientation: landscape) {
56
60
  .task-list {
57
61
  height: 100%;
62
+ min-height: 40vmin;
63
+ box-sizing: border-box;
58
64
  }
59
65
  .task-list .error-box {
60
66
  background: #fff;
@@ -83,6 +89,8 @@
83
89
  @media screen and (min-height: 768px) and (orientation: landscape) {
84
90
  .task-list {
85
91
  height: 100%;
92
+ min-height: 40vmin;
93
+ box-sizing: border-box;
86
94
  }
87
95
  .task-list .error-box {
88
96
  background: #fff;
package/miniprogram_dist/Task/TaskPopup/index.js CHANGED
@@ -98,5 +98,13 @@ Component({
98
98
  this.triggerEvent("onLoad",e)
99
99
  }
100
100
  },
101
- observers: {},
101
+ observers: {
102
+ showPopup(newVal){
103
+ if(newVal){
104
+ this.setData({
105
+ isShowTaskList: true
106
+ })
107
+ }
108
+ }
109
+ },
102
110
  })
package/miniprogram_dist/Task/TaskPopup/index.scss CHANGED
@@ -6,6 +6,7 @@ $deviceWidth: 750;
6
6
 
7
7
  @mixin task-popup {
8
8
  z-index: 500;
9
+ background: #F5F5F5;
9
10
  .task-popup-header{
10
11
  background: #F5F5F5;
11
12
  padding: vmin(24) vmin(32);
@@ -65,6 +66,7 @@ $deviceWidth: 750;
65
66
  }
66
67
 
67
68
  .popup-content{
69
+ margin-bottom: vmin(32);
68
70
  background: #F5F5F5;
69
71
  padding: 0 vmin(32) vmin(32) vmin(32);
70
72
  min-height: 40vmin;
package/miniprogram_dist/Task/TaskPopup/index.wxml CHANGED
@@ -37,7 +37,12 @@
37
37
  src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/loxzkwv90q6c.png"
38
38
  />
39
39
  <view class="title">查看已获得的奖励</view>
40
- <image class="close" src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/loxykji90s69.png" />
40
+ <image
41
+ wx:if="{{isShowClose}}"
42
+ class="close"
43
+ catch:tap="closePop"
44
+ src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/loxykji90s69.png"
45
+ />
41
46
  </view>
42
47
  </view>
43
48
 
package/miniprogram_dist/Task/TaskPopup/index.wxss CHANGED
@@ -1,5 +1,6 @@
1
1
  .task-popup {
2
2
  z-index: 500;
3
+ background: #F5F5F5;
3
4
  }
4
5
  .task-popup .task-popup-header {
5
6
  background: #F5F5F5;
@@ -59,6 +60,7 @@
59
60
  height: 4.26667vmin;
60
61
  }
61
62
  .task-popup .popup-content {
63
+ margin-bottom: 4.26667vmin;
62
64
  background: #F5F5F5;
63
65
  padding: 0 4.26667vmin 4.26667vmin 4.26667vmin;
64
66
  min-height: 40vmin;
@@ -68,6 +70,7 @@
68
70
  @media screen and (min-width: 768px) and (orientation: portrait) {
69
71
  .task-popup {
70
72
  z-index: 500;
73
+ background: #F5F5F5;
71
74
  }
72
75
  .task-popup .task-popup-header {
73
76
  background: #F5F5F5;
@@ -127,6 +130,7 @@
127
130
  height: 2.08333vmin;
128
131
  }
129
132
  .task-popup .popup-content {
133
+ margin-bottom: 2.08333vmin;
130
134
  background: #F5F5F5;
131
135
  padding: 0 2.08333vmin 2.08333vmin 2.08333vmin;
132
136
  min-height: 40vmin;
@@ -137,6 +141,7 @@
137
141
  @media screen and (min-height: 630px) and (orientation: landscape) {
138
142
  .task-popup {
139
143
  z-index: 500;
144
+ background: #F5F5F5;
140
145
  }
141
146
  .task-popup .task-popup-header {
142
147
  background: #F5F5F5;
@@ -196,6 +201,7 @@
196
201
  height: 2.53968vmin;
197
202
  }
198
203
  .task-popup .popup-content {
204
+ margin-bottom: 2.53968vmin;
199
205
  background: #F5F5F5;
200
206
  padding: 0 2.53968vmin 2.53968vmin 2.53968vmin;
201
207
  min-height: 40vmin;
@@ -206,6 +212,7 @@
206
212
  @media screen and (min-height: 768px) and (orientation: landscape) {
207
213
  .task-popup {
208
214
  z-index: 500;
215
+ background: #F5F5F5;
209
216
  }
210
217
  .task-popup .task-popup-header {
211
218
  background: #F5F5F5;
@@ -265,6 +272,7 @@
265
272
  height: 2.08333vmin;
266
273
  }
267
274
  .task-popup .popup-content {
275
+ margin-bottom: 2.08333vmin;
268
276
  background: #F5F5F5;
269
277
  padding: 0 2.08333vmin 2.08333vmin 2.08333vmin;
270
278
  min-height: 40vmin;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xiaoe_mp_npm",
3
- "version": "1.0.0-live13",
3
+ "version": "1.0.0-live14",
4
4
  "description": "",
5
5
  "main": "miniprogram_dist/index.js",
6
6
  "scripts": {
package/src/Task/TaskBubble/index.js CHANGED
@@ -9,6 +9,10 @@ Component({
9
9
  type: Object,
10
10
  value: {},
11
11
  },
12
+ zIndex: {
13
+ type: Number,
14
+ value: 1,
15
+ },
12
16
  },
13
17
 
14
18
  /**
@@ -26,8 +30,8 @@ Component({
26
30
  // 奖品类型
27
31
  rewardValue(data){
28
32
  if(data.taskMsg.live_task?.task_type === 1){
29
- const hours = Math.floor(data.taskMsg.live_task?.reward_value / 60);
30
- const remainingMinutes = data.taskMsg.live_task?.reward_value % 60;
33
+ const hours = Math.floor(data.taskMsg.live_task?.task_condition / 60);
34
+ const remainingMinutes = data.taskMsg.live_task?.task_condition % 60;
31
35
 
32
36
  if (hours === 0) {
33
37
  return `达${remainingMinutes}分钟`;
package/src/Task/TaskBubble/index.wxml CHANGED
@@ -1,4 +1,4 @@
1
- <view class="barrage-container" catch:tap="bubbleClick">
1
+ <view class="barrage-container" catch:tap="bubbleClick" style="{{zIndex?'z-index:'+zIndex:''}}">
2
2
  <view class="barrage-wrap">
3
3
  <view class="barrage-item" animation="{{animationData}}">
4
4
  <view class="barrage-content">
@@ -9,11 +9,7 @@
9
9
  />
10
10
  <view wx:if="{{taskMsg.live_task.task_type === 1}}" class="task-type">观看时长</view>
11
11
  <view>{{ rewardValue }}</view>
12
- <image
13
- class="prize-icon"
14
- src="{{taskIconImg}}"
15
- alt="奖励"
16
- />
12
+ <image class="prize-icon" src="{{taskIconImg}}" alt="奖励" />
17
13
  <view class="prize-num">+{{ prizeNum }}</view>
18
14
  <image
19
15
  class="right-arrow-icon"
@@ -24,4 +20,3 @@
24
20
  </view>
25
21
  </view>
26
22
  </view>
27
-
package/src/Task/TaskPopup/component/TaskList/index.scss CHANGED
@@ -6,6 +6,9 @@ $deviceWidth: 750;
6
6
 
7
7
  @mixin task-list{
8
8
  height: 100%;
9
+ min-height: 40vmin;
10
+ // padding-bottom: vmin(32);
11
+ box-sizing: border-box;
9
12
  .error-box{
10
13
  background: #fff;
11
14
  padding: vmin(2) vmin(2) 0 vmin(2);
package/src/Task/TaskPopup/component/TaskList/index.wxss CHANGED
@@ -1 +1 @@
1
- .task-list{height:100%}.task-list .error-box{background:#fff;padding:.26667vmin .26667vmin 0 .26667vmin;position:relative;margin-bottom:3.2vmin;border-radius:2.13333vmin;overflow:hidden}.task-list .nothing{display:flex;align-items:center;margin-top:21.33333vmin;flex-direction:column}.task-list .nothing image{width:23.46667vmin;height:23.46667vmin}.task-list .nothing .text{font-size:3.73333vmin;color:#999999;margin-top:4.26667vmin}@media screen and (min-width: 768px) and (orientation: portrait){.task-list{height:100%}.task-list .error-box{background:#fff;padding:.13021vmin .13021vmin 0 .13021vmin;position:relative;margin-bottom:1.5625vmin;border-radius:1.04167vmin;overflow:hidden}.task-list .nothing{display:flex;align-items:center;margin-top:10.41667vmin;flex-direction:column}.task-list .nothing image{width:11.45833vmin;height:11.45833vmin}.task-list .nothing .text{font-size:1.82292vmin;color:#999999;margin-top:2.08333vmin}}@media screen and (min-height: 630px) and (orientation: landscape){.task-list{height:100%}.task-list .error-box{background:#fff;padding:.15873vmin .15873vmin 0 .15873vmin;position:relative;margin-bottom:1.90476vmin;border-radius:1.26984vmin;overflow:hidden}.task-list .nothing{display:flex;align-items:center;margin-top:12.69841vmin;flex-direction:column}.task-list .nothing image{width:13.96825vmin;height:13.96825vmin}.task-list .nothing .text{font-size:2.22222vmin;color:#999999;margin-top:2.53968vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.task-list{height:100%}.task-list .error-box{background:#fff;padding:.13021vmin .13021vmin 0 .13021vmin;position:relative;margin-bottom:1.5625vmin;border-radius:1.04167vmin;overflow:hidden}.task-list .nothing{display:flex;align-items:center;margin-top:10.41667vmin;flex-direction:column}.task-list .nothing image{width:11.45833vmin;height:11.45833vmin}.task-list .nothing .text{font-size:1.82292vmin;color:#999999;margin-top:2.08333vmin}}
1
+ .task-list{height:100%;min-height:40vmin;box-sizing:border-box}.task-list .error-box{background:#fff;padding:.26667vmin .26667vmin 0 .26667vmin;position:relative;margin-bottom:3.2vmin;border-radius:2.13333vmin;overflow:hidden}.task-list .nothing{display:flex;align-items:center;margin-top:21.33333vmin;flex-direction:column}.task-list .nothing image{width:23.46667vmin;height:23.46667vmin}.task-list .nothing .text{font-size:3.73333vmin;color:#999999;margin-top:4.26667vmin}@media screen and (min-width: 768px) and (orientation: portrait){.task-list{height:100%;min-height:40vmin;box-sizing:border-box}.task-list .error-box{background:#fff;padding:.13021vmin .13021vmin 0 .13021vmin;position:relative;margin-bottom:1.5625vmin;border-radius:1.04167vmin;overflow:hidden}.task-list .nothing{display:flex;align-items:center;margin-top:10.41667vmin;flex-direction:column}.task-list .nothing image{width:11.45833vmin;height:11.45833vmin}.task-list .nothing .text{font-size:1.82292vmin;color:#999999;margin-top:2.08333vmin}}@media screen and (min-height: 630px) and (orientation: landscape){.task-list{height:100%;min-height:40vmin;box-sizing:border-box}.task-list .error-box{background:#fff;padding:.15873vmin .15873vmin 0 .15873vmin;position:relative;margin-bottom:1.90476vmin;border-radius:1.26984vmin;overflow:hidden}.task-list .nothing{display:flex;align-items:center;margin-top:12.69841vmin;flex-direction:column}.task-list .nothing image{width:13.96825vmin;height:13.96825vmin}.task-list .nothing .text{font-size:2.22222vmin;color:#999999;margin-top:2.53968vmin}}@media screen and (min-height: 768px) and (orientation: landscape){.task-list{height:100%;min-height:40vmin;box-sizing:border-box}.task-list .error-box{background:#fff;padding:.13021vmin .13021vmin 0 .13021vmin;position:relative;margin-bottom:1.5625vmin;border-radius:1.04167vmin;overflow:hidden}.task-list .nothing{display:flex;align-items:center;margin-top:10.41667vmin;flex-direction:column}.task-list .nothing image{width:11.45833vmin;height:11.45833vmin}.task-list .nothing .text{font-size:1.82292vmin;color:#999999;margin-top:2.08333vmin}}
package/src/Task/TaskPopup/index.js CHANGED
@@ -98,5 +98,13 @@ Component({
98
98
  this.triggerEvent("onLoad",e)
99
99
  }
100
100
  },
101
- observers: {},
101
+ observers: {
102
+ showPopup(newVal){
103
+ if(newVal){
104
+ this.setData({
105
+ isShowTaskList: true
106
+ })
107
+ }
108
+ }
109
+ },
102
110
  })
package/src/Task/TaskPopup/index.scss CHANGED
@@ -6,6 +6,7 @@ $deviceWidth: 750;
6
6
 
7
7
  @mixin task-popup {
8
8
  z-index: 500;
9
+ background: #F5F5F5;
9
10
  .task-popup-header{
10
11
  background: #F5F5F5;
11
12
  padding: vmin(24) vmin(32);
@@ -65,6 +66,7 @@ $deviceWidth: 750;
65
66
  }
66
67
 
67
68
  .popup-content{
69
+ margin-bottom: vmin(32);
68
70
  background: #F5F5F5;
69
71
  padding: 0 vmin(32) vmin(32) vmin(32);
70
72
  min-height: 40vmin;
package/src/Task/TaskPopup/index.wxml CHANGED
@@ -37,7 +37,12 @@
37
37
  src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/loxzkwv90q6c.png"
38
38
  />
39
39
  <view class="title">查看已获得的奖励</view>
40
- <image class="close" src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/loxykji90s69.png" />
40
+ <image
41
+ wx:if="{{isShowClose}}"
42
+ class="close"
43
+ catch:tap="closePop"
44
+ src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/loxykji90s69.png"
45
+ />
41
46
  </view>
42
47
  </view>
43
48
 
package/src/Task/TaskPopup/index.wxss CHANGED
@@ -1 +1 @@
1
- .task-popup{z-index:500}.task-popup .task-popup-header{background:#F5F5F5;padding:3.2vmin 4.26667vmin;display:flex;align-items:center;justify-content:space-between;height:12.8vmin;box-sizing:border-box}.task-popup .task-popup-header .left{display:flex;align-items:center}.task-popup .task-popup-header .left .title{font-size:4.26667vmin}.task-popup .task-popup-header .left .to-reward{padding:1.06667vmin 0 1.06667vmin 2.13333vmin;border-radius:4.53333vmin;margin-left:3.2vmin;font-size:3.2vmin;background:linear-gradient(90deg, #ffebcd 0%, #ffebcd00 100%);display:flex;color:#FF781F}.task-popup .task-popup-header .left .to-reward image{width:4.26667vmin;height:4.26667vmin}.task-popup .task-popup-header .left .not-reward{background:linear-gradient(90deg, #EBEBEB 0%, #ebebeb00 100%);color:#CCCCCC}.task-popup .task-popup-header .close{width:4.26667vmin;height:4.26667vmin}.task-popup .reward-popup-header{background:#F5F5F5;display:flex;padding:3.2vmin 4.26667vmin;align-items:center;justify-content:space-between;height:12.8vmin;box-sizing:border-box}.task-popup .reward-popup-header .back{width:4.26667vmin;height:4.26667vmin}.task-popup .reward-popup-header .title{font-size:4.26667vmin}.task-popup .reward-popup-header .close{width:4.26667vmin;height:4.26667vmin}.task-popup .popup-content{background:#F5F5F5;padding:0 4.26667vmin 4.26667vmin 4.26667vmin;min-height:40vmin;height:100%;overflow:hidden}@media screen and (min-width: 768px) and (orientation: portrait){.task-popup{z-index:500}.task-popup .task-popup-header{background:#F5F5F5;padding:1.5625vmin 2.08333vmin;display:flex;align-items:center;justify-content:space-between;height:6.25vmin;box-sizing:border-box}.task-popup .task-popup-header .left{display:flex;align-items:center}.task-popup .task-popup-header .left .title{font-size:2.08333vmin}.task-popup .task-popup-header .left .to-reward{padding:.52083vmin 0 .52083vmin 1.04167vmin;border-radius:2.21354vmin;margin-left:1.5625vmin;font-size:1.5625vmin;background:linear-gradient(90deg, #ffebcd 0%, #ffebcd00 100%);display:flex;color:#FF781F}.task-popup .task-popup-header .left .to-reward image{width:2.08333vmin;height:2.08333vmin}.task-popup .task-popup-header .left .not-reward{background:linear-gradient(90deg, #EBEBEB 0%, #ebebeb00 100%);color:#CCCCCC}.task-popup .task-popup-header .close{width:2.08333vmin;height:2.08333vmin}.task-popup .reward-popup-header{background:#F5F5F5;display:flex;padding:1.5625vmin 2.08333vmin;align-items:center;justify-content:space-between;height:6.25vmin;box-sizing:border-box}.task-popup .reward-popup-header .back{width:2.08333vmin;height:2.08333vmin}.task-popup .reward-popup-header .title{font-size:2.08333vmin}.task-popup .reward-popup-header .close{width:2.08333vmin;height:2.08333vmin}.task-popup .popup-content{background:#F5F5F5;padding:0 2.08333vmin 2.08333vmin 2.08333vmin;min-height:40vmin;height:100%;overflow:hidden}}@media screen and (min-height: 630px) and (orientation: landscape){.task-popup{z-index:500}.task-popup .task-popup-header{background:#F5F5F5;padding:1.90476vmin 2.53968vmin;display:flex;align-items:center;justify-content:space-between;height:7.61905vmin;box-sizing:border-box}.task-popup .task-popup-header .left{display:flex;align-items:center}.task-popup .task-popup-header .left .title{font-size:2.53968vmin}.task-popup .task-popup-header .left .to-reward{padding:.63492vmin 0 .63492vmin 1.26984vmin;border-radius:2.69841vmin;margin-left:1.90476vmin;font-size:1.90476vmin;background:linear-gradient(90deg, #ffebcd 0%, #ffebcd00 100%);display:flex;color:#FF781F}.task-popup .task-popup-header .left .to-reward image{width:2.53968vmin;height:2.53968vmin}.task-popup .task-popup-header .left .not-reward{background:linear-gradient(90deg, #EBEBEB 0%, #ebebeb00 100%);color:#CCCCCC}.task-popup .task-popup-header .close{width:2.53968vmin;height:2.53968vmin}.task-popup .reward-popup-header{background:#F5F5F5;display:flex;padding:1.90476vmin 2.53968vmin;align-items:center;justify-content:space-between;height:7.61905vmin;box-sizing:border-box}.task-popup .reward-popup-header .back{width:2.53968vmin;height:2.53968vmin}.task-popup .reward-popup-header .title{font-size:2.53968vmin}.task-popup .reward-popup-header .close{width:2.53968vmin;height:2.53968vmin}.task-popup .popup-content{background:#F5F5F5;padding:0 2.53968vmin 2.53968vmin 2.53968vmin;min-height:40vmin;height:100%;overflow:hidden}}@media screen and (min-height: 768px) and (orientation: landscape){.task-popup{z-index:500}.task-popup .task-popup-header{background:#F5F5F5;padding:1.5625vmin 2.08333vmin;display:flex;align-items:center;justify-content:space-between;height:6.25vmin;box-sizing:border-box}.task-popup .task-popup-header .left{display:flex;align-items:center}.task-popup .task-popup-header .left .title{font-size:2.08333vmin}.task-popup .task-popup-header .left .to-reward{padding:.52083vmin 0 .52083vmin 1.04167vmin;border-radius:2.21354vmin;margin-left:1.5625vmin;font-size:1.5625vmin;background:linear-gradient(90deg, #ffebcd 0%, #ffebcd00 100%);display:flex;color:#FF781F}.task-popup .task-popup-header .left .to-reward image{width:2.08333vmin;height:2.08333vmin}.task-popup .task-popup-header .left .not-reward{background:linear-gradient(90deg, #EBEBEB 0%, #ebebeb00 100%);color:#CCCCCC}.task-popup .task-popup-header .close{width:2.08333vmin;height:2.08333vmin}.task-popup .reward-popup-header{background:#F5F5F5;display:flex;padding:1.5625vmin 2.08333vmin;align-items:center;justify-content:space-between;height:6.25vmin;box-sizing:border-box}.task-popup .reward-popup-header .back{width:2.08333vmin;height:2.08333vmin}.task-popup .reward-popup-header .title{font-size:2.08333vmin}.task-popup .reward-popup-header .close{width:2.08333vmin;height:2.08333vmin}.task-popup .popup-content{background:#F5F5F5;padding:0 2.08333vmin 2.08333vmin 2.08333vmin;min-height:40vmin;height:100%;overflow:hidden}}
1
+ .task-popup{z-index:500;background:#F5F5F5}.task-popup .task-popup-header{background:#F5F5F5;padding:3.2vmin 4.26667vmin;display:flex;align-items:center;justify-content:space-between;height:12.8vmin;box-sizing:border-box}.task-popup .task-popup-header .left{display:flex;align-items:center}.task-popup .task-popup-header .left .title{font-size:4.26667vmin}.task-popup .task-popup-header .left .to-reward{padding:1.06667vmin 0 1.06667vmin 2.13333vmin;border-radius:4.53333vmin;margin-left:3.2vmin;font-size:3.2vmin;background:linear-gradient(90deg, #ffebcd 0%, #ffebcd00 100%);display:flex;color:#FF781F}.task-popup .task-popup-header .left .to-reward image{width:4.26667vmin;height:4.26667vmin}.task-popup .task-popup-header .left .not-reward{background:linear-gradient(90deg, #EBEBEB 0%, #ebebeb00 100%);color:#CCCCCC}.task-popup .task-popup-header .close{width:4.26667vmin;height:4.26667vmin}.task-popup .reward-popup-header{background:#F5F5F5;display:flex;padding:3.2vmin 4.26667vmin;align-items:center;justify-content:space-between;height:12.8vmin;box-sizing:border-box}.task-popup .reward-popup-header .back{width:4.26667vmin;height:4.26667vmin}.task-popup .reward-popup-header .title{font-size:4.26667vmin}.task-popup .reward-popup-header .close{width:4.26667vmin;height:4.26667vmin}.task-popup .popup-content{margin-bottom:4.26667vmin;background:#F5F5F5;padding:0 4.26667vmin 4.26667vmin 4.26667vmin;min-height:40vmin;height:100%;overflow:hidden}@media screen and (min-width: 768px) and (orientation: portrait){.task-popup{z-index:500;background:#F5F5F5}.task-popup .task-popup-header{background:#F5F5F5;padding:1.5625vmin 2.08333vmin;display:flex;align-items:center;justify-content:space-between;height:6.25vmin;box-sizing:border-box}.task-popup .task-popup-header .left{display:flex;align-items:center}.task-popup .task-popup-header .left .title{font-size:2.08333vmin}.task-popup .task-popup-header .left .to-reward{padding:.52083vmin 0 .52083vmin 1.04167vmin;border-radius:2.21354vmin;margin-left:1.5625vmin;font-size:1.5625vmin;background:linear-gradient(90deg, #ffebcd 0%, #ffebcd00 100%);display:flex;color:#FF781F}.task-popup .task-popup-header .left .to-reward image{width:2.08333vmin;height:2.08333vmin}.task-popup .task-popup-header .left .not-reward{background:linear-gradient(90deg, #EBEBEB 0%, #ebebeb00 100%);color:#CCCCCC}.task-popup .task-popup-header .close{width:2.08333vmin;height:2.08333vmin}.task-popup .reward-popup-header{background:#F5F5F5;display:flex;padding:1.5625vmin 2.08333vmin;align-items:center;justify-content:space-between;height:6.25vmin;box-sizing:border-box}.task-popup .reward-popup-header .back{width:2.08333vmin;height:2.08333vmin}.task-popup .reward-popup-header .title{font-size:2.08333vmin}.task-popup .reward-popup-header .close{width:2.08333vmin;height:2.08333vmin}.task-popup .popup-content{margin-bottom:2.08333vmin;background:#F5F5F5;padding:0 2.08333vmin 2.08333vmin 2.08333vmin;min-height:40vmin;height:100%;overflow:hidden}}@media screen and (min-height: 630px) and (orientation: landscape){.task-popup{z-index:500;background:#F5F5F5}.task-popup .task-popup-header{background:#F5F5F5;padding:1.90476vmin 2.53968vmin;display:flex;align-items:center;justify-content:space-between;height:7.61905vmin;box-sizing:border-box}.task-popup .task-popup-header .left{display:flex;align-items:center}.task-popup .task-popup-header .left .title{font-size:2.53968vmin}.task-popup .task-popup-header .left .to-reward{padding:.63492vmin 0 .63492vmin 1.26984vmin;border-radius:2.69841vmin;margin-left:1.90476vmin;font-size:1.90476vmin;background:linear-gradient(90deg, #ffebcd 0%, #ffebcd00 100%);display:flex;color:#FF781F}.task-popup .task-popup-header .left .to-reward image{width:2.53968vmin;height:2.53968vmin}.task-popup .task-popup-header .left .not-reward{background:linear-gradient(90deg, #EBEBEB 0%, #ebebeb00 100%);color:#CCCCCC}.task-popup .task-popup-header .close{width:2.53968vmin;height:2.53968vmin}.task-popup .reward-popup-header{background:#F5F5F5;display:flex;padding:1.90476vmin 2.53968vmin;align-items:center;justify-content:space-between;height:7.61905vmin;box-sizing:border-box}.task-popup .reward-popup-header .back{width:2.53968vmin;height:2.53968vmin}.task-popup .reward-popup-header .title{font-size:2.53968vmin}.task-popup .reward-popup-header .close{width:2.53968vmin;height:2.53968vmin}.task-popup .popup-content{margin-bottom:2.53968vmin;background:#F5F5F5;padding:0 2.53968vmin 2.53968vmin 2.53968vmin;min-height:40vmin;height:100%;overflow:hidden}}@media screen and (min-height: 768px) and (orientation: landscape){.task-popup{z-index:500;background:#F5F5F5}.task-popup .task-popup-header{background:#F5F5F5;padding:1.5625vmin 2.08333vmin;display:flex;align-items:center;justify-content:space-between;height:6.25vmin;box-sizing:border-box}.task-popup .task-popup-header .left{display:flex;align-items:center}.task-popup .task-popup-header .left .title{font-size:2.08333vmin}.task-popup .task-popup-header .left .to-reward{padding:.52083vmin 0 .52083vmin 1.04167vmin;border-radius:2.21354vmin;margin-left:1.5625vmin;font-size:1.5625vmin;background:linear-gradient(90deg, #ffebcd 0%, #ffebcd00 100%);display:flex;color:#FF781F}.task-popup .task-popup-header .left .to-reward image{width:2.08333vmin;height:2.08333vmin}.task-popup .task-popup-header .left .not-reward{background:linear-gradient(90deg, #EBEBEB 0%, #ebebeb00 100%);color:#CCCCCC}.task-popup .task-popup-header .close{width:2.08333vmin;height:2.08333vmin}.task-popup .reward-popup-header{background:#F5F5F5;display:flex;padding:1.5625vmin 2.08333vmin;align-items:center;justify-content:space-between;height:6.25vmin;box-sizing:border-box}.task-popup .reward-popup-header .back{width:2.08333vmin;height:2.08333vmin}.task-popup .reward-popup-header .title{font-size:2.08333vmin}.task-popup .reward-popup-header .close{width:2.08333vmin;height:2.08333vmin}.task-popup .popup-content{margin-bottom:2.08333vmin;background:#F5F5F5;padding:0 2.08333vmin 2.08333vmin 2.08333vmin;min-height:40vmin;height:100%;overflow:hidden}}