xiaoe_mp_npm 1.0.0-live4 → 1.0.0-live6

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 (29) 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 +7 -4
  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/Task/TaskBubble/index.js +0 -1
  13. package/src/Task/TaskBubble/index.scss +0 -1
  14. package/src/Task/TaskBubble/index.wxss +1 -1
  15. package/src/Task/TaskIcon/index.js +7 -4
  16. package/src/Task/TaskIcon/index.wxml +2 -1
  17. package/src/Task/TaskIcon/index.wxss +127 -127
  18. package/src/Task/TaskPopup/component/TaskItem/index.wxss +362 -362
  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/TaskPopup/component/TaskType/index.wxss +98 -98
  22. package/src/Task/TaskPopup/index.wxss +250 -250
  23. package/src/Task/taskReceivePopup/coupon/index.js +1 -0
  24. package/src/Task/taskReceivePopup/coupon/index.wxss +163 -1
  25. package/src/Task/taskReceivePopup/index.js +5 -1
  26. package/src/Task/taskReceivePopup/index.wxml +10 -2
  27. package/src/Task/taskReceivePopup/index.wxss +1 -1
  28. package/src/Task/taskReceivePopup/integral/index.js +1 -0
  29. 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,14 +2,17 @@ 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
  * 组件的方法列表
@@ -1,4 +1,5 @@
1
- <view class="taskIcon {{alive_mode === 1? 'verticalStyle' : ''}}" catch:tap="iconClick">
1
+ <view class="taskIcon {{aliveMode === 1? 'verticalStyle' : ''}}" catch:tap="iconClick">
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-live6",
4
4
  "description": "",
5
5
  "main": "miniprogram_dist/index.js",
6
6
  "scripts": {
@@ -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)}}}
@@ -2,14 +2,17 @@ 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
  * 组件的方法列表
@@ -1,4 +1,5 @@
1
- <view class="taskIcon {{alive_mode === 1? 'verticalStyle' : ''}}" catch:tap="iconClick">
1
+ <view class="taskIcon {{aliveMode === 1? 'verticalStyle' : ''}}" catch:tap="iconClick">
2
2
  <view class="task-icon" />
3
3
  <view class="task-text">得奖励</view>
4
4
  </view>
5
+
@@ -1,127 +1,127 @@
1
- .taskIcon {
2
- z-index: 9;
3
- box-sizing: border-box;
4
- width: 9.6vmin;
5
- height: 9.6vmin;
6
- text-align: center;
7
- padding: 0;
8
- position: relative;
9
- display: flex;
10
- flex-direction: column;
11
- align-items: center;
12
- font-size: 2.13333vmin;
13
- height: 100%;
14
- border-radius: 2.13333vmin;
15
- margin: 0 4.26667vmin 3.2vmin 0;
16
- }
17
- .taskIcon .task-icon {
18
- flex-shrink: 0;
19
- display: block;
20
- width: 8.53333vmin;
21
- height: 8.53333vmin;
22
- background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
23
- background-size: 100% 100%;
24
- }
25
- .taskIcon .task-text {
26
- width: 8.53333vmin;
27
- height: 3.2vmin;
28
- line-height: 3.2vmin;
29
- border-radius: 1.6vmin;
30
- font-size: 2.13333vmin;
31
- background: rgba(0, 0, 0, 0.4);
32
- color: #fff;
33
- }
34
- .taskIcon.verticalStyle {
35
- margin: 0;
36
- background: rgba(0, 0, 0, 0.2);
37
- }
38
- .taskIcon.verticalStyle .task-text {
39
- position: absolute;
40
- bottom: -0.26667vmin;
41
- }
42
- @media screen and (min-width: 768px) and (orientation: portrait) {
43
- .taskIcon {
44
- z-index: 9;
45
- box-sizing: border-box;
46
- width: 4.6875vmin;
47
- height: 4.6875vmin;
48
- text-align: center;
49
- padding: 0;
50
- position: relative;
51
- display: flex;
52
- flex-direction: column;
53
- align-items: center;
54
- font-size: 1.04167vmin;
55
- height: 100%;
56
- border-radius: 1.04167vmin;
57
- margin: 0 2.08333vmin 1.5625vmin 0;
58
- }
59
- .taskIcon .task-icon {
60
- flex-shrink: 0;
61
- display: block;
62
- width: 4.16667vmin;
63
- height: 4.16667vmin;
64
- background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
65
- background-size: 100% 100%;
66
- }
67
- .taskIcon .task-text {
68
- width: 4.16667vmin;
69
- height: 1.5625vmin;
70
- line-height: 1.5625vmin;
71
- border-radius: 0.78125vmin;
72
- font-size: 1.04167vmin;
73
- background: rgba(0, 0, 0, 0.4);
74
- color: #fff;
75
- }
76
- .taskIcon.verticalStyle {
77
- margin: 0;
78
- background: rgba(0, 0, 0, 0.2);
79
- }
80
- .taskIcon.verticalStyle .task-text {
81
- position: absolute;
82
- bottom: -0.13021vmin;
83
- }
84
- }
85
- @media screen and (min-height: 768px) and (orientation: landscape) {
86
- .taskIcon {
87
- z-index: 9;
88
- box-sizing: border-box;
89
- width: 4.6875vmin;
90
- height: 4.6875vmin;
91
- text-align: center;
92
- padding: 0;
93
- position: relative;
94
- display: flex;
95
- flex-direction: column;
96
- align-items: center;
97
- font-size: 1.04167vmin;
98
- height: 100%;
99
- border-radius: 1.04167vmin;
100
- margin: 0 2.08333vmin 1.5625vmin 0;
101
- }
102
- .taskIcon .task-icon {
103
- flex-shrink: 0;
104
- display: block;
105
- width: 4.16667vmin;
106
- height: 4.16667vmin;
107
- background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
108
- background-size: 100% 100%;
109
- }
110
- .taskIcon .task-text {
111
- width: 4.16667vmin;
112
- height: 1.5625vmin;
113
- line-height: 1.5625vmin;
114
- border-radius: 0.78125vmin;
115
- font-size: 1.04167vmin;
116
- background: rgba(0, 0, 0, 0.4);
117
- color: #fff;
118
- }
119
- .taskIcon.verticalStyle {
120
- margin: 0;
121
- background: rgba(0, 0, 0, 0.2);
122
- }
123
- .taskIcon.verticalStyle .task-text {
124
- position: absolute;
125
- bottom: -0.13021vmin;
126
- }
127
- }
1
+ .taskIcon {
2
+ z-index: 9;
3
+ box-sizing: border-box;
4
+ width: 9.6vmin;
5
+ height: 9.6vmin;
6
+ text-align: center;
7
+ padding: 0;
8
+ position: relative;
9
+ display: flex;
10
+ flex-direction: column;
11
+ align-items: center;
12
+ font-size: 2.13333vmin;
13
+ height: 100%;
14
+ border-radius: 2.13333vmin;
15
+ margin: 0 4.26667vmin 3.2vmin 0;
16
+ }
17
+ .taskIcon .task-icon {
18
+ flex-shrink: 0;
19
+ display: block;
20
+ width: 8.53333vmin;
21
+ height: 8.53333vmin;
22
+ background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
23
+ background-size: 100% 100%;
24
+ }
25
+ .taskIcon .task-text {
26
+ width: 8.53333vmin;
27
+ height: 3.2vmin;
28
+ line-height: 3.2vmin;
29
+ border-radius: 1.6vmin;
30
+ font-size: 2.13333vmin;
31
+ background: rgba(0, 0, 0, 0.4);
32
+ color: #fff;
33
+ }
34
+ .taskIcon.verticalStyle {
35
+ margin: 0;
36
+ background: rgba(0, 0, 0, 0.2);
37
+ }
38
+ .taskIcon.verticalStyle .task-text {
39
+ position: absolute;
40
+ bottom: -0.26667vmin;
41
+ }
42
+ @media screen and (min-width: 768px) and (orientation: portrait) {
43
+ .taskIcon {
44
+ z-index: 9;
45
+ box-sizing: border-box;
46
+ width: 4.6875vmin;
47
+ height: 4.6875vmin;
48
+ text-align: center;
49
+ padding: 0;
50
+ position: relative;
51
+ display: flex;
52
+ flex-direction: column;
53
+ align-items: center;
54
+ font-size: 1.04167vmin;
55
+ height: 100%;
56
+ border-radius: 1.04167vmin;
57
+ margin: 0 2.08333vmin 1.5625vmin 0;
58
+ }
59
+ .taskIcon .task-icon {
60
+ flex-shrink: 0;
61
+ display: block;
62
+ width: 4.16667vmin;
63
+ height: 4.16667vmin;
64
+ background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
65
+ background-size: 100% 100%;
66
+ }
67
+ .taskIcon .task-text {
68
+ width: 4.16667vmin;
69
+ height: 1.5625vmin;
70
+ line-height: 1.5625vmin;
71
+ border-radius: 0.78125vmin;
72
+ font-size: 1.04167vmin;
73
+ background: rgba(0, 0, 0, 0.4);
74
+ color: #fff;
75
+ }
76
+ .taskIcon.verticalStyle {
77
+ margin: 0;
78
+ background: rgba(0, 0, 0, 0.2);
79
+ }
80
+ .taskIcon.verticalStyle .task-text {
81
+ position: absolute;
82
+ bottom: -0.13021vmin;
83
+ }
84
+ }
85
+ @media screen and (min-height: 768px) and (orientation: landscape) {
86
+ .taskIcon {
87
+ z-index: 9;
88
+ box-sizing: border-box;
89
+ width: 4.6875vmin;
90
+ height: 4.6875vmin;
91
+ text-align: center;
92
+ padding: 0;
93
+ position: relative;
94
+ display: flex;
95
+ flex-direction: column;
96
+ align-items: center;
97
+ font-size: 1.04167vmin;
98
+ height: 100%;
99
+ border-radius: 1.04167vmin;
100
+ margin: 0 2.08333vmin 1.5625vmin 0;
101
+ }
102
+ .taskIcon .task-icon {
103
+ flex-shrink: 0;
104
+ display: block;
105
+ width: 4.16667vmin;
106
+ height: 4.16667vmin;
107
+ background-image: url("https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png");
108
+ background-size: 100% 100%;
109
+ }
110
+ .taskIcon .task-text {
111
+ width: 4.16667vmin;
112
+ height: 1.5625vmin;
113
+ line-height: 1.5625vmin;
114
+ border-radius: 0.78125vmin;
115
+ font-size: 1.04167vmin;
116
+ background: rgba(0, 0, 0, 0.4);
117
+ color: #fff;
118
+ }
119
+ .taskIcon.verticalStyle {
120
+ margin: 0;
121
+ background: rgba(0, 0, 0, 0.2);
122
+ }
123
+ .taskIcon.verticalStyle .task-text {
124
+ position: absolute;
125
+ bottom: -0.13021vmin;
126
+ }
127
+ }