xiaoe_mp_npm 1.0.21 → 1.0.22-store1
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.
- package/.prettierrc.js +32 -6
- package/miniprogram_dist/Task/TaskBubble/index.js +2 -1
- package/miniprogram_dist/Task/TaskBubble/index.json +3 -3
- package/miniprogram_dist/Task/TaskBubble/index.scss +125 -125
- package/miniprogram_dist/Task/TaskBubble/index.wxml +22 -22
- package/miniprogram_dist/Task/TaskIcon/index.js +29 -29
- package/miniprogram_dist/Task/TaskIcon/index.json +4 -4
- package/miniprogram_dist/Task/TaskIcon/index.scss +70 -70
- package/miniprogram_dist/Task/TaskIcon/index.wxml +5 -5
- package/miniprogram_dist/Task/TaskPopup/component/RewardList/index.js +39 -39
- package/miniprogram_dist/Task/TaskPopup/component/RewardList/index.json +6 -6
- package/miniprogram_dist/Task/TaskPopup/component/RewardList/index.scss +39 -39
- package/miniprogram_dist/Task/TaskPopup/component/RewardList/index.wxml +19 -19
- package/miniprogram_dist/Task/TaskPopup/component/TaskItem/index.js +266 -168
- package/miniprogram_dist/Task/TaskPopup/component/TaskItem/index.json +5 -5
- package/miniprogram_dist/Task/TaskPopup/component/TaskItem/index.scss +26 -0
- package/miniprogram_dist/Task/TaskPopup/component/TaskItem/index.wxml +32 -13
- package/miniprogram_dist/Task/TaskPopup/component/TaskItem/index.wxs +7 -7
- package/miniprogram_dist/Task/TaskPopup/component/TaskItem/index.wxss +96 -0
- package/miniprogram_dist/Task/TaskPopup/component/TaskList/index.js +8 -0
- package/miniprogram_dist/Task/TaskPopup/component/TaskList/index.json +7 -7
- package/miniprogram_dist/Task/TaskPopup/component/TaskList/index.scss +66 -66
- package/miniprogram_dist/Task/TaskPopup/component/TaskList/index.wxml +1 -0
- package/miniprogram_dist/Task/TaskPopup/component/TaskType/index.js +4 -0
- package/miniprogram_dist/Task/TaskPopup/component/TaskType/index.json +9 -9
- package/miniprogram_dist/Task/TaskPopup/component/TaskType/index.scss +62 -62
- package/miniprogram_dist/Task/TaskPopup/component/TaskType/index.wxml +1 -0
- package/miniprogram_dist/Task/TaskPopup/index.js +76 -70
- package/miniprogram_dist/Task/TaskPopup/index.json +2 -2
- package/miniprogram_dist/Task/TaskPopup/index.scss +140 -140
- package/miniprogram_dist/Task/TaskPopup/index.wxml +1 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.js +132 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.json +6 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.scss +192 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.wxml +65 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.wxs +79 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/quizContent/index.wxss +521 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/quizRichText/index.js +40 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/quizRichText/index.json +6 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/quizRichText/index.scss +7 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/quizRichText/index.wxml +2 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/quizRichText/index.wxss +298 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/wxParse/base.wxml +50 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/wxParse/html2json.js +623 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/wxParse/htmlparser.js +183 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/wxParse/iframeParse.js +216 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/wxParse/loop.wxml +3563 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/wxParse/showdown.js +2364 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/wxParse/wxDiscode.js +209 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/wxParse/wxParse.js +269 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/wxParse/wxParse.wxml +1276 -0
- package/miniprogram_dist/Task/TaskQuizPopup/components/wxParse/wxParse.wxss +316 -0
- package/miniprogram_dist/Task/TaskQuizPopup/index.js +225 -0
- package/miniprogram_dist/Task/TaskQuizPopup/index.json +8 -0
- package/miniprogram_dist/Task/TaskQuizPopup/index.scss +159 -0
- package/miniprogram_dist/Task/TaskQuizPopup/index.wxml +97 -0
- package/miniprogram_dist/Task/TaskQuizPopup/index.wxss +478 -0
- package/miniprogram_dist/Task/taskQuizRemindPopup/index.js +74 -0
- package/miniprogram_dist/Task/taskQuizRemindPopup/index.json +6 -0
- package/miniprogram_dist/Task/taskQuizRemindPopup/index.scss +108 -0
- package/miniprogram_dist/Task/taskQuizRemindPopup/index.wxml +27 -0
- package/miniprogram_dist/Task/taskQuizRemindPopup/index.wxss +286 -0
- package/miniprogram_dist/Task/taskReceivePopup/coupon/index.json +6 -6
- package/miniprogram_dist/Task/taskReceivePopup/coupon/index.wxs +48 -48
- package/miniprogram_dist/Task/taskReceivePopup/customPrizes/index.js +44 -44
- package/miniprogram_dist/Task/taskReceivePopup/customPrizes/index.json +6 -6
- package/miniprogram_dist/Task/taskReceivePopup/customPrizes/index.scss +106 -106
- package/miniprogram_dist/Task/taskReceivePopup/customPrizes/index.wxml +38 -38
- package/miniprogram_dist/Task/taskReceivePopup/customPrizes/index.wxs +48 -48
- package/miniprogram_dist/Task/taskReceivePopup/index.js +34 -34
- package/miniprogram_dist/Task/taskReceivePopup/index.json +13 -13
- package/miniprogram_dist/Task/taskReceivePopup/index.wxml +25 -25
- package/miniprogram_dist/Task/taskReceivePopup/integral/index.js +61 -61
- package/miniprogram_dist/Task/taskReceivePopup/integral/index.json +6 -6
- package/miniprogram_dist/Task/taskReceivePopup/integral/index.scss +60 -60
- package/miniprogram_dist/Task/taskReceivePopup/integral/index.wxml +12 -12
- package/miniprogram_dist/common/utils/tool.js +54 -48
- package/package.json +1 -1
- package/src/CustomPopup/index.wxss +22 -22
- package/src/Task/TaskBubble/index.js +2 -1
- package/src/Task/TaskBubble/index.json +3 -3
- package/src/Task/TaskBubble/index.scss +125 -125
- package/src/Task/TaskBubble/index.wxml +22 -22
- package/src/Task/TaskBubble/index.wxss +289 -289
- package/src/Task/TaskIcon/index.js +29 -29
- package/src/Task/TaskIcon/index.json +4 -4
- package/src/Task/TaskIcon/index.scss +70 -70
- package/src/Task/TaskIcon/index.wxml +5 -5
- package/src/Task/TaskIcon/index.wxss +130 -130
- package/src/Task/TaskPopup/component/RewardList/index.js +39 -39
- package/src/Task/TaskPopup/component/RewardList/index.json +6 -6
- package/src/Task/TaskPopup/component/RewardList/index.scss +39 -39
- package/src/Task/TaskPopup/component/RewardList/index.wxml +19 -19
- package/src/Task/TaskPopup/component/RewardList/index.wxss +18 -18
- package/src/Task/TaskPopup/component/TaskItem/index.js +266 -168
- package/src/Task/TaskPopup/component/TaskItem/index.json +5 -5
- package/src/Task/TaskPopup/component/TaskItem/index.scss +26 -0
- package/src/Task/TaskPopup/component/TaskItem/index.wxml +32 -13
- package/src/Task/TaskPopup/component/TaskItem/index.wxs +7 -7
- package/src/Task/TaskPopup/component/TaskItem/index.wxss +1 -394
- package/src/Task/TaskPopup/component/TaskList/index.js +8 -0
- package/src/Task/TaskPopup/component/TaskList/index.json +7 -7
- package/src/Task/TaskPopup/component/TaskList/index.scss +66 -66
- package/src/Task/TaskPopup/component/TaskList/index.wxml +1 -0
- package/src/Task/TaskPopup/component/TaskList/index.wxss +118 -118
- package/src/Task/TaskPopup/component/TaskType/index.js +4 -0
- package/src/Task/TaskPopup/component/TaskType/index.json +9 -9
- package/src/Task/TaskPopup/component/TaskType/index.scss +62 -62
- package/src/Task/TaskPopup/component/TaskType/index.wxml +1 -0
- package/src/Task/TaskPopup/component/TaskType/index.wxss +110 -110
- package/src/Task/TaskPopup/index.js +76 -70
- package/src/Task/TaskPopup/index.json +2 -2
- package/src/Task/TaskPopup/index.scss +140 -140
- package/src/Task/TaskPopup/index.wxml +1 -0
- package/src/Task/TaskQuizPopup/components/quizContent/index.js +132 -0
- package/src/Task/TaskQuizPopup/components/quizContent/index.json +6 -0
- package/src/Task/TaskQuizPopup/components/quizContent/index.scss +192 -0
- package/src/Task/TaskQuizPopup/components/quizContent/index.wxml +65 -0
- package/src/Task/TaskQuizPopup/components/quizContent/index.wxs +79 -0
- package/src/Task/TaskQuizPopup/components/quizContent/index.wxss +1 -0
- package/src/Task/TaskQuizPopup/components/quizRichText/index.js +40 -0
- package/src/Task/TaskQuizPopup/components/quizRichText/index.json +6 -0
- package/src/Task/TaskQuizPopup/components/quizRichText/index.scss +7 -0
- package/src/Task/TaskQuizPopup/components/quizRichText/index.wxml +2 -0
- package/src/Task/TaskQuizPopup/components/quizRichText/index.wxss +1 -0
- package/src/Task/TaskQuizPopup/components/wxParse/base.wxml +50 -0
- package/src/Task/TaskQuizPopup/components/wxParse/html2json.js +623 -0
- package/src/Task/TaskQuizPopup/components/wxParse/htmlparser.js +183 -0
- package/src/Task/TaskQuizPopup/components/wxParse/iframeParse.js +216 -0
- package/src/Task/TaskQuizPopup/components/wxParse/loop.wxml +3563 -0
- package/src/Task/TaskQuizPopup/components/wxParse/showdown.js +2364 -0
- package/src/Task/TaskQuizPopup/components/wxParse/wxDiscode.js +209 -0
- package/src/Task/TaskQuizPopup/components/wxParse/wxParse.js +269 -0
- package/src/Task/TaskQuizPopup/components/wxParse/wxParse.wxml +1276 -0
- package/src/Task/TaskQuizPopup/components/wxParse/wxParse.wxss +283 -0
- package/src/Task/TaskQuizPopup/index.js +225 -0
- package/src/Task/TaskQuizPopup/index.json +8 -0
- package/src/Task/TaskQuizPopup/index.scss +159 -0
- package/src/Task/TaskQuizPopup/index.wxml +97 -0
- package/src/Task/TaskQuizPopup/index.wxss +1 -0
- package/src/Task/taskQuizRemindPopup/index.js +74 -0
- package/src/Task/taskQuizRemindPopup/index.json +6 -0
- package/src/Task/taskQuizRemindPopup/index.scss +108 -0
- package/src/Task/taskQuizRemindPopup/index.wxml +27 -0
- package/src/Task/taskQuizRemindPopup/index.wxss +1 -0
- package/src/Task/taskReceivePopup/coupon/index.json +6 -6
- package/src/Task/taskReceivePopup/coupon/index.wxs +48 -48
- package/src/Task/taskReceivePopup/customPrizes/index.js +44 -44
- package/src/Task/taskReceivePopup/customPrizes/index.json +6 -6
- package/src/Task/taskReceivePopup/customPrizes/index.scss +106 -106
- package/src/Task/taskReceivePopup/customPrizes/index.wxml +38 -38
- package/src/Task/taskReceivePopup/customPrizes/index.wxs +48 -48
- package/src/Task/taskReceivePopup/index.js +34 -34
- package/src/Task/taskReceivePopup/index.json +13 -13
- package/src/Task/taskReceivePopup/index.wxml +25 -25
- package/src/Task/taskReceivePopup/index.wxss +1 -1
- package/src/Task/taskReceivePopup/integral/index.js +61 -61
- package/src/Task/taskReceivePopup/integral/index.json +6 -6
- package/src/Task/taskReceivePopup/integral/index.scss +60 -60
- package/src/Task/taskReceivePopup/integral/index.wxml +12 -12
- package/src/Task/taskReceivePopup/integral/index.wxss +94 -94
- package/src/common/utils/tool.js +54 -48
package/.prettierrc.js
CHANGED
|
@@ -1,8 +1,34 @@
|
|
|
1
1
|
module.exports = {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
printWidth: 120,
|
|
3
|
+
tabWidth: 2,
|
|
4
|
+
useTabs: false,
|
|
5
|
+
semi: false,
|
|
6
|
+
singleQuote: true,
|
|
7
|
+
quoteProps: 'as-needed',
|
|
8
|
+
jsxSingleQuote: false,
|
|
9
|
+
trailingComma: 'all',
|
|
10
|
+
bracketSpacing: true,
|
|
11
|
+
jsxBracketSameLine: true,
|
|
12
|
+
arrowParens: 'always',
|
|
13
|
+
requirePragma: false,
|
|
14
|
+
insertPragma: false,
|
|
15
|
+
proseWrap: 'preserve',
|
|
16
|
+
htmlWhitespaceSensitivity: 'ignore',
|
|
17
|
+
vueIndentScriptAndStyle: false,
|
|
18
|
+
endOfLine: 'lf',
|
|
19
|
+
embeddedLanguageFormatting: 'auto',
|
|
20
|
+
overrides: [
|
|
21
|
+
{
|
|
22
|
+
files: '*.wxml',
|
|
23
|
+
options: { parser: 'html' }
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
files: '*.wxss',
|
|
27
|
+
options: { parser: 'css' }
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
files: '*.wxs',
|
|
31
|
+
options: { parser: 'babel' }
|
|
32
|
+
}
|
|
33
|
+
]
|
|
8
34
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{
|
|
2
|
-
"component": true,
|
|
3
|
-
"usingComponents": {}
|
|
1
|
+
{
|
|
2
|
+
"component": true,
|
|
3
|
+
"usingComponents": {}
|
|
4
4
|
}
|
|
@@ -1,125 +1,125 @@
|
|
|
1
|
-
@function vmin($rpx) {
|
|
2
|
-
@return #{$rpx * 100 / $deviceWidth}vmin;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
$deviceWidth: 750;
|
|
6
|
-
|
|
7
|
-
@mixin barrage-container {
|
|
8
|
-
color: #fff;
|
|
9
|
-
font-size: vmin(20);
|
|
10
|
-
.barrage-wrap {
|
|
11
|
-
display: flex;
|
|
12
|
-
.barrage-item {
|
|
13
|
-
position: relative;
|
|
14
|
-
background: linear-gradient(270deg, #ff552b00 0%, #ff552bc7 21.42%, #ff8b25eb 46.71%, #FC0 100%);
|
|
15
|
-
height: vmin(64);
|
|
16
|
-
font-size: vmin(24);
|
|
17
|
-
line-height: vmin(64);
|
|
18
|
-
border-radius: vmin(92);
|
|
19
|
-
transition: 0.3s;
|
|
20
|
-
transform: translateX(vmin(-500));
|
|
21
|
-
|
|
22
|
-
.barrage-content {
|
|
23
|
-
display: flex;
|
|
24
|
-
align-items: center;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.task-completion-icon {
|
|
28
|
-
width: vmin(48);
|
|
29
|
-
height: vmin(48);
|
|
30
|
-
border-radius: 50%;
|
|
31
|
-
margin-left: vmin(10);
|
|
32
|
-
margin-right: vmin(8);
|
|
33
|
-
flex-shrink: 0;
|
|
34
|
-
}
|
|
35
|
-
.task-type {
|
|
36
|
-
display: flex;
|
|
37
|
-
flex-direction: column;
|
|
38
|
-
margin-right: vmin(8);
|
|
39
|
-
overflow: hidden;
|
|
40
|
-
text-overflow: ellipsis;
|
|
41
|
-
white-space: nowrap;
|
|
42
|
-
view {
|
|
43
|
-
width: 100%;
|
|
44
|
-
overflow: hidden;
|
|
45
|
-
text-overflow: ellipsis;
|
|
46
|
-
white-space: nowrap;
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
.prize-icon {
|
|
50
|
-
width: vmin(56);
|
|
51
|
-
height: vmin(56);
|
|
52
|
-
display: flex;
|
|
53
|
-
justify-content: center;
|
|
54
|
-
align-items: center;
|
|
55
|
-
margin: 0 vmin(8);
|
|
56
|
-
}
|
|
57
|
-
.prize-num {
|
|
58
|
-
color: #FFF5CC;
|
|
59
|
-
font-weight: 500;
|
|
60
|
-
margin-right: vmin(8);
|
|
61
|
-
}
|
|
62
|
-
.right-arrow-icon{
|
|
63
|
-
height: vmin(40);
|
|
64
|
-
width: vmin(40);
|
|
65
|
-
margin-right: vmin(52);
|
|
66
|
-
}
|
|
67
|
-
&.barrage-item-show {
|
|
68
|
-
animation: taskFadeInLeft 1.5s both;
|
|
69
|
-
}
|
|
70
|
-
&.barrage-item-hide {
|
|
71
|
-
animation: taskFadeOut 1.5s both;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
@keyframes taskFadeInLeft {
|
|
75
|
-
0% {
|
|
76
|
-
transform: translateX(vmin(-500));
|
|
77
|
-
opacity: 1;
|
|
78
|
-
}
|
|
79
|
-
100% {
|
|
80
|
-
transform: translateX(0);
|
|
81
|
-
opacity: 1;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
@keyframes taskFadeOut {
|
|
85
|
-
0% {
|
|
86
|
-
transform: translateX(0);
|
|
87
|
-
opacity: 1;
|
|
88
|
-
}
|
|
89
|
-
100% {
|
|
90
|
-
transform: translateX(0);
|
|
91
|
-
opacity: 0;
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
@keyframes moveRight {
|
|
95
|
-
from {
|
|
96
|
-
transform: translateX(-100%);
|
|
97
|
-
}
|
|
98
|
-
to {
|
|
99
|
-
transform: translateX(0);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
.barrage-container {
|
|
106
|
-
@include barrage-container;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
// 竖屏pad
|
|
110
|
-
@media screen and (min-width: 768px) and (orientation: portrait) {
|
|
111
|
-
$deviceWidth: 1536 !global;
|
|
112
|
-
|
|
113
|
-
.barrage-container {
|
|
114
|
-
@include barrage-container;
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
// 横屏pad
|
|
119
|
-
@media screen and (min-height: 768px) and (orientation: landscape) {
|
|
120
|
-
$deviceWidth: 1536 !global;
|
|
121
|
-
|
|
122
|
-
.barrage-container {
|
|
123
|
-
@include barrage-container;
|
|
124
|
-
}
|
|
125
|
-
}
|
|
1
|
+
@function vmin($rpx) {
|
|
2
|
+
@return #{$rpx * 100 / $deviceWidth}vmin;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
$deviceWidth: 750;
|
|
6
|
+
|
|
7
|
+
@mixin barrage-container {
|
|
8
|
+
color: #fff;
|
|
9
|
+
font-size: vmin(20);
|
|
10
|
+
.barrage-wrap {
|
|
11
|
+
display: flex;
|
|
12
|
+
.barrage-item {
|
|
13
|
+
position: relative;
|
|
14
|
+
background: linear-gradient(270deg, #ff552b00 0%, #ff552bc7 21.42%, #ff8b25eb 46.71%, #FC0 100%);
|
|
15
|
+
height: vmin(64);
|
|
16
|
+
font-size: vmin(24);
|
|
17
|
+
line-height: vmin(64);
|
|
18
|
+
border-radius: vmin(92);
|
|
19
|
+
transition: 0.3s;
|
|
20
|
+
transform: translateX(vmin(-500));
|
|
21
|
+
|
|
22
|
+
.barrage-content {
|
|
23
|
+
display: flex;
|
|
24
|
+
align-items: center;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.task-completion-icon {
|
|
28
|
+
width: vmin(48);
|
|
29
|
+
height: vmin(48);
|
|
30
|
+
border-radius: 50%;
|
|
31
|
+
margin-left: vmin(10);
|
|
32
|
+
margin-right: vmin(8);
|
|
33
|
+
flex-shrink: 0;
|
|
34
|
+
}
|
|
35
|
+
.task-type {
|
|
36
|
+
display: flex;
|
|
37
|
+
flex-direction: column;
|
|
38
|
+
margin-right: vmin(8);
|
|
39
|
+
overflow: hidden;
|
|
40
|
+
text-overflow: ellipsis;
|
|
41
|
+
white-space: nowrap;
|
|
42
|
+
view {
|
|
43
|
+
width: 100%;
|
|
44
|
+
overflow: hidden;
|
|
45
|
+
text-overflow: ellipsis;
|
|
46
|
+
white-space: nowrap;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
.prize-icon {
|
|
50
|
+
width: vmin(56);
|
|
51
|
+
height: vmin(56);
|
|
52
|
+
display: flex;
|
|
53
|
+
justify-content: center;
|
|
54
|
+
align-items: center;
|
|
55
|
+
margin: 0 vmin(8);
|
|
56
|
+
}
|
|
57
|
+
.prize-num {
|
|
58
|
+
color: #FFF5CC;
|
|
59
|
+
font-weight: 500;
|
|
60
|
+
margin-right: vmin(8);
|
|
61
|
+
}
|
|
62
|
+
.right-arrow-icon{
|
|
63
|
+
height: vmin(40);
|
|
64
|
+
width: vmin(40);
|
|
65
|
+
margin-right: vmin(52);
|
|
66
|
+
}
|
|
67
|
+
&.barrage-item-show {
|
|
68
|
+
animation: taskFadeInLeft 1.5s both;
|
|
69
|
+
}
|
|
70
|
+
&.barrage-item-hide {
|
|
71
|
+
animation: taskFadeOut 1.5s both;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
@keyframes taskFadeInLeft {
|
|
75
|
+
0% {
|
|
76
|
+
transform: translateX(vmin(-500));
|
|
77
|
+
opacity: 1;
|
|
78
|
+
}
|
|
79
|
+
100% {
|
|
80
|
+
transform: translateX(0);
|
|
81
|
+
opacity: 1;
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
@keyframes taskFadeOut {
|
|
85
|
+
0% {
|
|
86
|
+
transform: translateX(0);
|
|
87
|
+
opacity: 1;
|
|
88
|
+
}
|
|
89
|
+
100% {
|
|
90
|
+
transform: translateX(0);
|
|
91
|
+
opacity: 0;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
@keyframes moveRight {
|
|
95
|
+
from {
|
|
96
|
+
transform: translateX(-100%);
|
|
97
|
+
}
|
|
98
|
+
to {
|
|
99
|
+
transform: translateX(0);
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.barrage-container {
|
|
106
|
+
@include barrage-container;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
// 竖屏pad
|
|
110
|
+
@media screen and (min-width: 768px) and (orientation: portrait) {
|
|
111
|
+
$deviceWidth: 1536 !global;
|
|
112
|
+
|
|
113
|
+
.barrage-container {
|
|
114
|
+
@include barrage-container;
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
// 横屏pad
|
|
119
|
+
@media screen and (min-height: 768px) and (orientation: landscape) {
|
|
120
|
+
$deviceWidth: 1536 !global;
|
|
121
|
+
|
|
122
|
+
.barrage-container {
|
|
123
|
+
@include barrage-container;
|
|
124
|
+
}
|
|
125
|
+
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
<view class="barrage-container" catch:tap="bubbleClick" style="{{zIndex?'z-index:'+zIndex:''}}">
|
|
2
|
-
<view class="barrage-wrap">
|
|
3
|
-
<view class="barrage-item" animation="{{animationData}}">
|
|
4
|
-
<view class="barrage-content">
|
|
5
|
-
<image
|
|
6
|
-
class="task-completion-icon"
|
|
7
|
-
src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopitz1y0c73.png"
|
|
8
|
-
alt
|
|
9
|
-
/>
|
|
10
|
-
<view wx:if="{{taskMsg.live_task.task_type === 1}}" class="task-type">观看时长</view>
|
|
11
|
-
<view>{{ rewardValue }}</view>
|
|
12
|
-
<image class="prize-icon" src="{{taskIconImg}}" alt="奖励" />
|
|
13
|
-
<view class="prize-num">+{{ prizeNum }}</view>
|
|
14
|
-
<image
|
|
15
|
-
class="right-arrow-icon"
|
|
16
|
-
src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopitz1k0dzj.png"
|
|
17
|
-
alt
|
|
18
|
-
/>
|
|
19
|
-
</view>
|
|
20
|
-
</view>
|
|
21
|
-
</view>
|
|
22
|
-
</view>
|
|
1
|
+
<view class="barrage-container" catch:tap="bubbleClick" style="{{zIndex?'z-index:'+zIndex:''}}">
|
|
2
|
+
<view class="barrage-wrap">
|
|
3
|
+
<view class="barrage-item" animation="{{animationData}}">
|
|
4
|
+
<view class="barrage-content">
|
|
5
|
+
<image
|
|
6
|
+
class="task-completion-icon"
|
|
7
|
+
src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopitz1y0c73.png"
|
|
8
|
+
alt
|
|
9
|
+
/>
|
|
10
|
+
<view wx:if="{{taskMsg.live_task.task_type === 1}}" class="task-type">观看时长</view>
|
|
11
|
+
<view>{{ rewardValue }}</view>
|
|
12
|
+
<image class="prize-icon" src="{{taskIconImg}}" alt="奖励" />
|
|
13
|
+
<view class="prize-num">+{{ prizeNum }}</view>
|
|
14
|
+
<image
|
|
15
|
+
class="right-arrow-icon"
|
|
16
|
+
src="https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopitz1k0dzj.png"
|
|
17
|
+
alt
|
|
18
|
+
/>
|
|
19
|
+
</view>
|
|
20
|
+
</view>
|
|
21
|
+
</view>
|
|
22
|
+
</view>
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
Component({
|
|
2
|
-
/**
|
|
3
|
-
* 组件的属性列表
|
|
4
|
-
*/
|
|
5
|
-
properties: {
|
|
6
|
-
aliveMode:{
|
|
7
|
-
type: Number,
|
|
8
|
-
value: 1
|
|
9
|
-
},
|
|
10
|
-
iconText:{
|
|
11
|
-
type: String,
|
|
12
|
-
value: '得奖励'
|
|
13
|
-
},
|
|
14
|
-
},
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* 组件的初始数据
|
|
18
|
-
*/
|
|
19
|
-
data: {},
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* 组件的方法列表
|
|
23
|
-
*/
|
|
24
|
-
methods: {
|
|
25
|
-
iconClick(){
|
|
26
|
-
this.triggerEvent("iconClick")
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
})
|
|
1
|
+
Component({
|
|
2
|
+
/**
|
|
3
|
+
* 组件的属性列表
|
|
4
|
+
*/
|
|
5
|
+
properties: {
|
|
6
|
+
aliveMode:{
|
|
7
|
+
type: Number,
|
|
8
|
+
value: 1
|
|
9
|
+
},
|
|
10
|
+
iconText:{
|
|
11
|
+
type: String,
|
|
12
|
+
value: '得奖励'
|
|
13
|
+
},
|
|
14
|
+
},
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* 组件的初始数据
|
|
18
|
+
*/
|
|
19
|
+
data: {},
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* 组件的方法列表
|
|
23
|
+
*/
|
|
24
|
+
methods: {
|
|
25
|
+
iconClick(){
|
|
26
|
+
this.triggerEvent("iconClick")
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
})
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
{
|
|
2
|
-
"component": true,
|
|
3
|
-
"usingComponents": {}
|
|
4
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"component": true,
|
|
3
|
+
"usingComponents": {}
|
|
4
|
+
}
|
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
@function vmin($rpx) {
|
|
2
|
-
@return #{$rpx * 100 / $deviceWidth}vmin;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
$deviceWidth: 750;
|
|
6
|
-
|
|
7
|
-
@mixin taskIcon {
|
|
8
|
-
z-index: 9;
|
|
9
|
-
box-sizing: border-box;
|
|
10
|
-
width: vmin(72);
|
|
11
|
-
height: vmin(72);
|
|
12
|
-
text-align: center;
|
|
13
|
-
padding: 0;
|
|
14
|
-
position: relative;
|
|
15
|
-
display: flex;
|
|
16
|
-
flex-direction: column;
|
|
17
|
-
align-items: center;
|
|
18
|
-
font-size: vmin(16);
|
|
19
|
-
height: 100%;
|
|
20
|
-
border-radius: vmin(16);
|
|
21
|
-
margin: 0 vmin(32) vmin(24) 0;
|
|
22
|
-
pointer-events: auto;
|
|
23
|
-
.task-icon {
|
|
24
|
-
flex-shrink: 0;
|
|
25
|
-
display: block;
|
|
26
|
-
width: vmin(64);
|
|
27
|
-
height: vmin(64);
|
|
28
|
-
background-image: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png');
|
|
29
|
-
background-size: 100% 100%;
|
|
30
|
-
}
|
|
31
|
-
.task-text {
|
|
32
|
-
width: vmin(64);
|
|
33
|
-
height: vmin(24);
|
|
34
|
-
line-height: vmin(24);
|
|
35
|
-
border-radius: vmin(12);
|
|
36
|
-
font-size: vmin(16);
|
|
37
|
-
background: rgba($color: #000000, $alpha: 0.4);
|
|
38
|
-
color: #fff;
|
|
39
|
-
}
|
|
40
|
-
&.verticalStyle{
|
|
41
|
-
margin: 0;
|
|
42
|
-
background: rgba($color: #000000, $alpha: 0.2);
|
|
43
|
-
.task-text{
|
|
44
|
-
position: absolute;
|
|
45
|
-
bottom: vmin(-2);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.taskIcon {
|
|
51
|
-
@include taskIcon;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
// 竖屏pad
|
|
55
|
-
@media screen and (min-width: 768px) and (orientation: portrait) {
|
|
56
|
-
$deviceWidth: 1536 !global;
|
|
57
|
-
|
|
58
|
-
.taskIcon {
|
|
59
|
-
@include taskIcon;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
// 横屏pad
|
|
64
|
-
@media screen and (min-height: 768px) and (orientation: landscape) {
|
|
65
|
-
$deviceWidth: 1536 !global;
|
|
66
|
-
|
|
67
|
-
.taskIcon {
|
|
68
|
-
@include taskIcon;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
1
|
+
@function vmin($rpx) {
|
|
2
|
+
@return #{$rpx * 100 / $deviceWidth}vmin;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
$deviceWidth: 750;
|
|
6
|
+
|
|
7
|
+
@mixin taskIcon {
|
|
8
|
+
z-index: 9;
|
|
9
|
+
box-sizing: border-box;
|
|
10
|
+
width: vmin(72);
|
|
11
|
+
height: vmin(72);
|
|
12
|
+
text-align: center;
|
|
13
|
+
padding: 0;
|
|
14
|
+
position: relative;
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
align-items: center;
|
|
18
|
+
font-size: vmin(16);
|
|
19
|
+
height: 100%;
|
|
20
|
+
border-radius: vmin(16);
|
|
21
|
+
margin: 0 vmin(32) vmin(24) 0;
|
|
22
|
+
pointer-events: auto;
|
|
23
|
+
.task-icon {
|
|
24
|
+
flex-shrink: 0;
|
|
25
|
+
display: block;
|
|
26
|
+
width: vmin(64);
|
|
27
|
+
height: vmin(64);
|
|
28
|
+
background-image: url('https://commonresource-1252524126.cdn.xiaoeknow.com/image/lopok62p0l77.png');
|
|
29
|
+
background-size: 100% 100%;
|
|
30
|
+
}
|
|
31
|
+
.task-text {
|
|
32
|
+
width: vmin(64);
|
|
33
|
+
height: vmin(24);
|
|
34
|
+
line-height: vmin(24);
|
|
35
|
+
border-radius: vmin(12);
|
|
36
|
+
font-size: vmin(16);
|
|
37
|
+
background: rgba($color: #000000, $alpha: 0.4);
|
|
38
|
+
color: #fff;
|
|
39
|
+
}
|
|
40
|
+
&.verticalStyle{
|
|
41
|
+
margin: 0;
|
|
42
|
+
background: rgba($color: #000000, $alpha: 0.2);
|
|
43
|
+
.task-text{
|
|
44
|
+
position: absolute;
|
|
45
|
+
bottom: vmin(-2);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.taskIcon {
|
|
51
|
+
@include taskIcon;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
// 竖屏pad
|
|
55
|
+
@media screen and (min-width: 768px) and (orientation: portrait) {
|
|
56
|
+
$deviceWidth: 1536 !global;
|
|
57
|
+
|
|
58
|
+
.taskIcon {
|
|
59
|
+
@include taskIcon;
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
// 横屏pad
|
|
64
|
+
@media screen and (min-height: 768px) and (orientation: landscape) {
|
|
65
|
+
$deviceWidth: 1536 !global;
|
|
66
|
+
|
|
67
|
+
.taskIcon {
|
|
68
|
+
@include taskIcon;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<view class="taskIcon {{aliveMode === 1? 'verticalStyle' : ''}}" catch:tap="iconClick">
|
|
2
|
-
<view class="task-icon" />
|
|
3
|
-
<view class="task-text">{{iconText}}</view>
|
|
4
|
-
</view>
|
|
5
|
-
|
|
1
|
+
<view class="taskIcon {{aliveMode === 1? 'verticalStyle' : ''}}" catch:tap="iconClick">
|
|
2
|
+
<view class="task-icon" />
|
|
3
|
+
<view class="task-text">{{iconText}}</view>
|
|
4
|
+
</view>
|
|
5
|
+
|
|
@@ -1,39 +1,39 @@
|
|
|
1
|
-
const computedBehavior = require('miniprogram-computed').behavior
|
|
2
|
-
Component({
|
|
3
|
-
behaviors: [computedBehavior],
|
|
4
|
-
properties: {
|
|
5
|
-
rewardList:{
|
|
6
|
-
type:Array,
|
|
7
|
-
value:()=>{
|
|
8
|
-
return []
|
|
9
|
-
}
|
|
10
|
-
},
|
|
11
|
-
refreshStatus:{
|
|
12
|
-
type:Boolean,
|
|
13
|
-
value: false
|
|
14
|
-
}
|
|
15
|
-
},
|
|
16
|
-
data: {
|
|
17
|
-
activeNames:["1"],
|
|
18
|
-
},
|
|
19
|
-
lifetimes: {
|
|
20
|
-
// 生命周期函数,可以为函数,或一个在methods段中定义的方法名
|
|
21
|
-
attached: function () {
|
|
22
|
-
|
|
23
|
-
},
|
|
24
|
-
moved: function () { },
|
|
25
|
-
detached: function () { },
|
|
26
|
-
},
|
|
27
|
-
methods: {
|
|
28
|
-
btnClick(e){
|
|
29
|
-
this.triggerEvent("btnClick",e.detail)
|
|
30
|
-
},
|
|
31
|
-
onLoad(){
|
|
32
|
-
this.triggerEvent("onLoad","rewardList")
|
|
33
|
-
},
|
|
34
|
-
getMoreList(){
|
|
35
|
-
this.triggerEvent("getMoreList","rewardList")
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
observers: {},
|
|
39
|
-
})
|
|
1
|
+
const computedBehavior = require('miniprogram-computed').behavior
|
|
2
|
+
Component({
|
|
3
|
+
behaviors: [computedBehavior],
|
|
4
|
+
properties: {
|
|
5
|
+
rewardList:{
|
|
6
|
+
type:Array,
|
|
7
|
+
value:()=>{
|
|
8
|
+
return []
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
refreshStatus:{
|
|
12
|
+
type:Boolean,
|
|
13
|
+
value: false
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
data: {
|
|
17
|
+
activeNames:["1"],
|
|
18
|
+
},
|
|
19
|
+
lifetimes: {
|
|
20
|
+
// 生命周期函数,可以为函数,或一个在methods段中定义的方法名
|
|
21
|
+
attached: function () {
|
|
22
|
+
|
|
23
|
+
},
|
|
24
|
+
moved: function () { },
|
|
25
|
+
detached: function () { },
|
|
26
|
+
},
|
|
27
|
+
methods: {
|
|
28
|
+
btnClick(e){
|
|
29
|
+
this.triggerEvent("btnClick",e.detail)
|
|
30
|
+
},
|
|
31
|
+
onLoad(){
|
|
32
|
+
this.triggerEvent("onLoad","rewardList")
|
|
33
|
+
},
|
|
34
|
+
getMoreList(){
|
|
35
|
+
this.triggerEvent("getMoreList","rewardList")
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
observers: {},
|
|
39
|
+
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
{
|
|
2
|
-
"component": true,
|
|
3
|
-
"usingComponents": {
|
|
4
|
-
"task-item":"../TaskItem"
|
|
5
|
-
}
|
|
6
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"component": true,
|
|
3
|
+
"usingComponents": {
|
|
4
|
+
"task-item":"../TaskItem"
|
|
5
|
+
}
|
|
6
|
+
}
|