moliparty/moliparty-h5
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

更新ui邀请活动

Browse Source
This commit is contained in:
dragon
2024-05-10 21:56:53 +08:00
parent a7572f697d
commit 331aaff831
42 changed files with 775 additions and 441 deletions
Download Patch File Download Diff File Expand all files Collapse all files

413
view/molistar/activity/2024-invitationFission/css/index.css
View File

@@ -1,7 +1,7 @@
html,
body {
width: 100%;
background: #FFE1C5;
background: #1E1300;
}
.back {
@@ -32,7 +32,7 @@ body {
.header {
width: 10rem;
height: 8.69333rem;
height: 10.02667rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
@@ -41,19 +41,28 @@ body {
.header .h3 {
position: absolute;
left: 50%;
left: 52%;
transform: translateX(-50%);
top: 3.25333rem;
height: 1.36rem;
width: 8.6rem;
top: 3.64rem;
height: 1.30667rem;
width: 6.48rem;
}
.header .rule_rule {
width: 0.77333rem;
width: 2rem;
height: 0.77333rem;
line-height: 0.77333rem;
font-size: 0.34667rem;
font-weight: bold;
position: absolute;
top: 4.77333rem;
right: 0.4rem;
top: 1rem;
right: 0rem;
color: #703900;
box-sizing: border-box;
padding-right: 0.13333rem;
font-family: PingFang SC;
text-align: center;
text-indent: 5px;
}
.header .text {
@@ -61,19 +70,23 @@ body {
height: 0.8rem;
line-height: 0.8rem;
position: absolute;
left: 50%;
left: 52%;
transform: translateX(-50%);
top: 5.06667rem;
background: url(../images/header_text.png) no-repeat;
background-size: 100% 100%;
top: 4.95rem;
text-align: center;
color: #FFF6E5;
font-size: 0.37333rem;
font-size: 0.34667rem;
font-weight: 400;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
background: linear-gradient(180deg, #FFFFFF 0%, #FEF6A1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.header .text b {
font-size: 0.56rem;
font-size: 0.4rem;
font-weight: 600;
vertical-align: middle;
margin-top: -0.06667rem;
@@ -89,16 +102,15 @@ body {
.bg {
width: 100%;
background: url(../images/bg.png) no-repeat;
background-size: 100% 100%;
color: #1E1300;
position: relative;
margin: -0.56rem auto 0;
overflow: hidden;
}
.bg .myInfo {
width: 9.2rem;
height: 4.06667rem;
width: 9.74667rem;
height: 4.98667rem;
background: url(../images/myInfo.png) no-repeat;
background-size: 100% 100%;
margin: 1.12rem auto 0.26667rem;
@@ -108,37 +120,37 @@ body {
.bg .myInfo .tx {
width: 1.6rem;
height: 1.6rem;
border: 0.02667rem solid #F55E3E;
border: 0.05333rem solid #FFF6CA;
position: absolute;
left: 0.53333rem;
top: 0.73333rem;
left: 0.77333rem;
top: 1.44rem;
border-radius: 50%;
}
.bg .myInfo p {
color: #FE3312;
color: #FFEA7F;
font-size: 0.37333rem;
position: absolute;
top: 1.34667rem;
left: 2.37333rem;
top: 2.06667rem;
left: 2.58667rem;
font-weight: 400;
}
.bg .myInfo .invitationCode {
position: absolute;
right: 0.66667rem;
top: 1.18667rem;
font-size: 0.64rem;
right: 1.68rem;
top: 2.04rem;
font-size: 0.53333rem;
font-weight: normal;
color: #FE3312;
color: #FFB720;
}
.bg .myInfo .skip {
position: absolute;
left: 0.53333rem;
left: 0.77333rem;
bottom: 0.66667rem;
width: 3.92rem;
height: 0.8rem;
height: 0.90667rem;
line-height: 0.8rem;
text-align: center;
color: #FE3312;
@@ -157,16 +169,16 @@ body {
.bg .myInfo .copy {
position: absolute;
right: 0.53333rem;
right: 0.66667rem;
bottom: 0.66667rem;
width: 3.92rem;
height: 0.8rem;
height: 0.90667rem;
line-height: 0.8rem;
text-align: center;
color: #FE3312;
font-size: 0.24rem;
font-weight: 400;
background: url(../images/myInfoBut.png) no-repeat;
background: url(../images/myInfoBut2.png) no-repeat;
background-size: 100% 100%;
}
@@ -178,8 +190,8 @@ body {
}
.bg .myIncome {
width: 9.2rem;
height: 1.33333rem;
width: 9.36rem;
height: 1.01333rem;
position: relative;
margin: 0 auto 0.26667rem;
background: url(../images/myIncomeBg.png) no-repeat;
@@ -196,13 +208,13 @@ body {
}
.bg .myIncome p {
color: #FFFFFF;
font-size: 0.48rem;
font-size: 0.42667rem;
font-weight: 500;
position: absolute;
left: 0.26667rem;
top: 50%;
transform: translateY(-50%);
color: #FBFB6E;
}
.bg .myIncome b {
@@ -210,132 +222,208 @@ body {
top: 50%;
transform: translateY(-50%);
right: 1.2rem;
color: #FE3312;
color: #0C0538;
font-size: 0.48rem;
}
.bg .incomeBox {
width: 9.2rem;
height: 10.66667rem;
background: #fff;
border-radius: 0.26667rem;
border: 0.05333rem solid #FE7835;
margin: 0 auto 0.26667rem;
position: relative;
.bg .ul_pub {
width: 100%;
height: 100vh;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 5;
display: none;
}
.bg .incomeBox .tab {
.bg .ul_pub .incomeBox {
width: 9.74667rem;
height: 13.05333rem;
background: url(../images/incomeBox.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bg .ul_pub .incomeBox .close {
width: 1rem;
height: 1rem;
position: absolute;
right: 0rem;
top: 0rem;
}
.bg .ul_pub .incomeBox h3 {
width: 100%;
text-align: center;
font-family: PingFang SC;
font-weight: 500;
font-size: 0.37333rem;
color: #EAC2C2;
line-height: 42px;
background: linear-gradient(0deg, #FFEB64 0%, #FFBB1D 65.55176%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
left: 0;
top: 1.53333rem;
}
.bg .ul_pub .incomeBox .gold {
width: 100%;
text-align: center;
font-family: PingFang SC;
font-weight: bold;
font-size: 0.53333rem;
color: #EAC2C2;
line-height: 42px;
background: linear-gradient(0deg, #FFEB64 0%, #FFBB1D 65.55176%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
top: 2.22667rem;
left: 0;
}
.bg .ul_pub .incomeBox .gold b {
vertical-align: middle;
margin-right: 0.13333rem;
}
.bg .ul_pub .incomeBox .gold img {
display: inline-block;
vertical-align: middle;
width: 0.50667rem;
height: 0.50667rem;
}
.bg .ul_pub .incomeBox .tab {
width: 8.66667rem;
height: 1.92rem;
height: 1.78667rem;
display: flex;
justify-content: space-between;
margin: 0.18667rem auto 0.26667rem;
margin: 2.98667rem auto 0.26667rem;
}
.bg .incomeBox .tab div {
width: 4.21333rem;
.bg .ul_pub .incomeBox .tab div {
width: 4.06667rem;
height: 100%;
text-align: center;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.bg .incomeBox .tab div p {
color: #FFFFFF;
font-size: 0.32rem;
.bg .ul_pub .incomeBox .tab div p {
color: #EDEDED;
font-size: 0.29333rem;
font-weight: 500;
margin-top: 0.46667rem;
margin-bottom: 0.24rem;
margin-top: 0.81333rem;
margin-bottom: 0rem;
}
.bg .incomeBox .tab div span {
.bg .ul_pub .incomeBox .tab div span {
color: #fff;
font-size: 0.37333rem;
font-weight: 400;
}
.bg .incomeBox .tab div span img {
.bg .ul_pub .incomeBox .tab div span img {
display: inline-block;
vertical-align: middle;
width: 0.58667rem;
height: 0.58667rem;
width: 0.50667rem;
height: 0.50667rem;
filter: grayscale(100%);
}
.bg .incomeBox .tab .act {
.bg .ul_pub .incomeBox .tab .act {
background: url(../images/tabAct.png) no-repeat;
background-size: 100% 100%;
}
.bg .incomeBox .tab .act p {
margin-top: 0.36rem;
.bg .ul_pub .incomeBox .tab .act p {
color: #FEFF7B;
}
.bg .incomeBox .sTab {
width: 100%;
height: 0.8rem;
line-height: 0.8rem;
.bg .ul_pub .incomeBox .tab .act span {
color: #FFDD3D;
}
.bg .ul_pub .incomeBox .tab .act span img {
filter: grayscale(0%);
}
.bg .ul_pub .incomeBox .sTab {
width: 8.8rem;
height: 0.96rem;
line-height: 0.96rem;
display: flex;
justify-content: space-between;
margin: 0 auto 0rem;
}
.bg .incomeBox .sTab div {
.bg .ul_pub .incomeBox .sTab div {
width: 50%;
height: 100%;
text-align: center;
color: #333333;
font-size: 0.26667rem;
color: #F9FFC1;
font-size: 0.28rem;
font-weight: 400;
}
.bg .incomeBox .sTab .tab1 {
background: url(../images/sTab1.png) no-repeat;
background-size: 100% 100%;
color: #FE3312;
}
.bg .incomeBox .sTab .tab2 {
background: url(../images/sTab2.png) no-repeat;
background-size: 100% 100%;
color: #FE3312;
}
.bg .incomeBox .tableTitle {
width: 99.9%;
.bg .ul_pub .incomeBox .sTab .tab1 {
background: url(../images/sTab1.png) no-repeat;
background-size: 100% 100%;
color: #FEFF7B;
}
.bg .ul_pub .incomeBox .sTab .tab2 {
background: url(../images/sTab1.png) no-repeat;
background-size: 100% 100%;
color: #FEFF7B;
}
.bg .ul_pub .incomeBox .tableTitle {
width: 8.8rem;
display: flex;
justify-content: space-between;
margin-bottom: 0;
position: absolute;
top: 3.17rem;
top: 6.15rem;
left: 50%;
transform: translateX(-50%);
z-index: 2;
background: #fff;
}
.bg .incomeBox .tableTitle div {
.bg .ul_pub .incomeBox .tableTitle div {
width: 25%;
height: 0.66667rem;
line-height: 0.66667rem;
text-align: center;
color: #333333;
font-size: 0.26667rem;
color: #FFB920;
font-size: 0.29333rem;
font-weight: 400;
}
.bg .incomeBox ul {
width: 100%;
height: 7.4rem;
.bg .ul_pub .incomeBox ul {
width: 8.8rem;
height: 6rem;
margin: 0 auto 0;
overflow-y: scroll;
position: relative;
}
.bg .incomeBox ul::-webkit-scrollbar {
.bg .ul_pub .incomeBox ul::-webkit-scrollbar {
display: none;
}
.bg .incomeBox ul .top {
.bg .ul_pub .incomeBox ul .top {
width: 100%;
display: flex;
justify-content: space-between;
@@ -346,7 +434,7 @@ body {
transform: translateX(-50%);
}
.bg .incomeBox ul .top div {
.bg .ul_pub .incomeBox ul .top div {
width: 25%;
height: 0.66667rem;
line-height: 0.66667rem;
@@ -356,7 +444,7 @@ body {
font-weight: 400;
}
.bg .incomeBox ul li {
.bg .ul_pub .incomeBox ul li {
width: 100%;
height: 0.66667rem;
margin-bottom: 0.24rem;
@@ -364,15 +452,15 @@ body {
justify-content: space-between;
}
.bg .incomeBox ul li:nth-child(1) {
.bg .ul_pub .incomeBox ul li:nth-child(1) {
margin-top: 0.66667rem;
}
.bg .incomeBox ul li div {
.bg .ul_pub .incomeBox ul li div {
overflow: hidden;
width: 25%;
text-align: center;
color: #666666;
color: #FFE67C;
font-size: 0.24rem;
font-weight: 400;
line-height: 0.66667rem;
@@ -381,30 +469,38 @@ body {
text-overflow: ellipsis;
}
.bg .incomeBox ul li div img {
.bg .ul_pub .incomeBox ul li div img {
display: inline-block;
vertical-align: middle;
width: 0.42667rem;
height: 0.42667rem;
}
.bg .incomeBox ul li .act {
.bg .ul_pub .incomeBox ul li .act {
line-height: 0rem;
}
.bg .incomeBox ul li .act p {
.bg .ul_pub .incomeBox ul li .act p {
margin-top: 0.2rem;
margin-bottom: 0.30667rem;
}
.bg .rule {
width: 9.2rem;
height: 18.90667rem;
border-radius: 0.26667rem;
border: 0.05333rem solid #FE7835;
margin: 0 auto 0.53333rem;
width: 9.74667rem;
height: 23.74667rem;
margin: 0 auto 1.33333rem;
position: relative;
background: #fff;
background: url(../images/ruleBoxBg.png) no-repeat;
background-size: 100% 100%;
}
.bg .rule .ruleInfo {
position: absolute;
width: 1.9rem;
height: 0.9rem;
top: 1.9rem;
right: 0;
z-index: 2;
}
.bg .rule .title {
@@ -431,6 +527,7 @@ body {
margin: 0 auto 0.26667rem;
background: url(../images/rule1.png) no-repeat;
background-size: 100% 100%;
display: none;
}
.bg .rule .rule1 h3 {
@@ -511,8 +608,6 @@ body {
height: 11.74667rem;
position: relative;
margin: 0 auto 0.4rem;
background: url(../images/rule2.png) no-repeat;
background-size: 100% 100%;
}
.bg .rule .rule2 h3 {
@@ -565,7 +660,7 @@ body {
.bg .rule .rule2 .p1 {
width: 100%;
color: #FE3312;
color: #FFB920;
font-size: 0.26667rem;
font-weight: 500;
position: absolute;
@@ -577,7 +672,7 @@ body {
.bg .rule .rule2 .p2 {
width: 100%;
color: #FE3312;
color: #FFB920;
font-size: 0.26667rem;
font-weight: 500;
position: absolute;
@@ -614,14 +709,14 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 4.56rem;
top: 14.56rem;
z-index: 2;
}
.bg .rule .rule2 .table1_1 div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: 0.24rem;
font-weight: 500;
}
@@ -635,14 +730,14 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 5.4rem;
top: 15.6rem;
z-index: 2;
}
.bg .rule .rule2 .table1_2 div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: 0.24rem;
font-weight: 400;
}
@@ -656,14 +751,14 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 6.2rem;
top: 16.4rem;
z-index: 2;
}
.bg .rule .rule2 .table1_3 div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: 0.24rem;
font-weight: 400;
}
@@ -677,14 +772,14 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 6.95rem;
top: 17.15rem;
z-index: 2;
}
.bg .rule .rule2 .table1_4 div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: 0.24rem;
font-weight: 400;
}
@@ -698,14 +793,14 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 8.9rem;
top: 19.8rem;
z-index: 2;
}
.bg .rule .rule2 .table2_1 div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: 0.24rem;
font-weight: 500;
}
@@ -719,14 +814,14 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 9.8rem;
top: 20.8rem;
z-index: 2;
}
.bg .rule .rule2 .table2_2 div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: 0.24rem;
font-weight: 400;
}
@@ -740,14 +835,14 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 10.6rem;
top: 21.7rem;
z-index: 2;
}
.bg .rule .rule2 .table2_3 div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: 0.24rem;
font-weight: 400;
}
@@ -755,17 +850,17 @@ body {
.bg .rule .wishingStar {
width: 100%;
text-align: center;
color: #333333;
font-size: 0.24rem;
color: #F1D793;
font-size: 0.26667rem;
font-weight: 300;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0.4rem;
bottom: -0.6rem;
}
.bg .rule .wishingStar b {
color: #FE3312;
color: #FFB920;
}
.bg .otherNotes {
@@ -803,20 +898,42 @@ body {
margin-top: 0.26667rem;
}
.otherRule {
display: none;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 3;
}
.otherRule img {
position: absolute;
width: 9.74667rem;
height: 14.08rem;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.openShare {
position: fixed;
left: 0rem;
bottom: 6.2rem;
width: 1.6rem;
height: 0.45333rem;
line-height: 0.45333rem;
background: linear-gradient(180deg, #FFAD50 0%, #FE3111 100%);
border-radius: 0px 0.22667rem 0.22667rem 0px;
width: 2rem;
height: 0.6rem;
line-height: 0.6rem;
background: linear-gradient(180deg, #FFE156 0%, #FF7C06 100%);
border-radius: 0px 0.6rem 0.6rem 0px;
border: 0.02667rem #FFF8B4 solid;
text-align: center;
color: #fff;
font-size: 0.21333rem;
color: #89421A;
font-size: 0.26667rem;
display: none;
z-index: 3;
font-weight: bold;
}
.code {
@@ -826,7 +943,7 @@ body {
background: url(../images/codeBg.png) no-repeat;
background-size: 100% 100%;
width: 2.34667rem;
height: 3.16rem;
height: 3.33333rem;
z-index: 3;
}
@@ -846,8 +963,8 @@ body {
position: absolute;
left: 50%;
transform: translateX(-47%);
top: 0.24rem;
width: 100%;
top: 0.4rem;
width: 90%;
text-align: center;
}
@@ -858,7 +975,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-47%);
top: 0.66667rem;
top: 1rem;
width: 100%;
text-align: center;
height: 0.32rem;
@@ -883,7 +1000,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-43%);
top: 1.16rem;
top: 1.4rem;
}
.code .but {
@@ -891,11 +1008,21 @@ body {
height: 0.34667rem;
line-height: 0.34667rem;
border-radius: 0.34667rem;
background: #fff;
background: url(../images/shareButIcons.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: 0.50667rem;
bottom: 0.24rem;
text-align: center;
color: #000;
font-size: 0.24rem;
color: #89421A;
}
.arabic .bg .ul_pub .incomeBox .sTab div {
font-size: 0.24rem;
}
.arabic .header .rule_rule {
font-size: 0.26667rem;
text-indent: -10px;
}

583
view/molistar/activity/2024-invitationFission/css/index.scss
View File

@@ -5,7 +5,7 @@
html,
body {
width: 100%;
background: #FFE1C5;
background: #1E1300;
// background: linear-gradient(0deg, #DE3B4F 0%, #FFE4C9 99%);
}
@@ -38,7 +38,7 @@ body {
.header {
width: px2rem(750);
height: px2rem(652);
height: px2rem(752);
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0;
@@ -46,19 +46,28 @@ body {
.h3 {
position: absolute;
left: 50%;
left: 52%;
transform: translateX(-50%);
top: px2rem(244);
height: px2rem(102);
width: px2rem(645);
top: px2rem(273);
height: px2rem(98);
width: px2rem(486);
}
.rule_rule {
width: px2rem(58);
height: px2rem(58);
width: 2rem;
height: 0.77333rem;
line-height: 0.77333rem;
font-size: px2rem(26);
font-weight: bold;
position: absolute;
top: px2rem(358);
right: px2rem(30);
top: 1rem;
right: 0rem;
color: #703900;
box-sizing: border-box;
padding-right: px2rem(10);
font-family: PingFang SC;
text-align: center;
text-indent: 5px;
}
.text {
@@ -66,18 +75,24 @@ body {
height: px2rem(60);
line-height: px2rem(60);
position: absolute;
left: 50%;
left: 52%;
transform: translateX(-50%);
top: px2rem(380);
background: url(../images/header_text.png) no-repeat;
background-size: 100% 100%;
top: 4.95rem;
// background: url(../images/header_text.png) no-repeat;
// background-size: 100% 100%;
text-align: center;
color: #FFF6E5;
font-size: px2rem(28);
font-size: px2rem(26);
font-weight: 400;
font-family: PingFang SC;
font-weight: bold;
color: #FFFFFF;
background: linear-gradient(180deg, #FFFFFF 0%, #FEF6A1 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
b {
font-size: px2rem(42);
font-size: px2rem(30);
font-weight: 600;
vertical-align: middle;
margin-top: px2rem(-5);
@@ -96,15 +111,16 @@ body {
.bg {
width: 100%;
// height: px2rem(3608);
background: url(../images/bg.png) no-repeat;
background-size: 100% 100%;
// background: url(../images/bg.png) no-repeat;
// background-size: 100% 100%;
color: #1E1300;
position: relative;
margin: px2rem(-42) auto 0;
overflow: hidden;
.myInfo {
width: px2rem(690);
height: px2rem(305);
width: px2rem(731);
height: px2rem(374);
background: url(../images/myInfo.png) no-repeat;
background-size: 100% 100%;
margin: px2rem(84) auto px2rem(20);
@@ -113,37 +129,37 @@ body {
.tx {
width: px2rem(120);
height: px2rem(120);
border: px2rem(2) solid #F55E3E;
border: px2rem(4) solid #FFF6CA;
position: absolute;
left: px2rem(40);
top: px2rem(55);
left: px2rem(58);
top: px2rem(108);
border-radius: 50%;
}
p {
color: #FE3312;
color: #FFEA7F;
font-size: px2rem(28);
position: absolute;
top: px2rem(101);
left: px2rem(178);
top: px2rem(155);
left: px2rem(194);
font-weight: 400;
}
.invitationCode {
position: absolute;
right: px2rem(50);
top: px2rem(89);
font-size: px2rem(48);
right: px2rem(126);
top: px2rem(153);
font-size: px2rem(40);
font-weight: normal;
color: #FE3312;
color: #FFB720;
}
.skip {
position: absolute;
left: px2rem(40);
left: px2rem(58);
bottom: px2rem(50);
width: px2rem(294);
height: px2rem(60);
height: px2rem(68);
line-height: px2rem(60);
text-align: center;
color: #FE3312;
@@ -162,16 +178,16 @@ body {
.copy {
position: absolute;
right: px2rem(40);
right: px2rem(50);
bottom: px2rem(50);
width: px2rem(294);
height: px2rem(60);
height: px2rem(68);
line-height: px2rem(60);
text-align: center;
color: #FE3312;
font-size: px2rem(18);
font-weight: 400;
background: url(../images/myInfoBut.png) no-repeat;
background: url(../images/myInfoBut2.png) no-repeat;
background-size: 100% 100%;
img {
@@ -184,8 +200,8 @@ body {
}
.myIncome {
width: px2rem(690);
height: px2rem(100);
width: px2rem(702);
height: px2rem(76);
position: relative;
margin: 0 auto px2rem(20);
background: url(../images/myIncomeBg.png) no-repeat;
@@ -201,13 +217,13 @@ body {
}
p {
color: #FFFFFF;
font-size: px2rem(36);
font-size: px2rem(32);
font-weight: 500;
position: absolute;
left: px2rem(20);
top: 50%;
transform: translateY(-50%);
color: #FBFB6E;
}
b {
@@ -215,189 +231,268 @@ body {
top: 50%;
transform: translateY(-50%);
right: px2rem(90);
color: #FE3312;
color: #0C0538;
font-size: px2rem(36);
}
}
.incomeBox {
width: px2rem(690);
height: px2rem(800);
background: #fff;
border-radius: px2rem(20);
border: px2rem(4) solid #FE7835;
margin: 0 auto px2rem(20);
position: relative;
.ul_pub {
width: 100%;
height: 100vh;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .6);
z-index: 5;
display: none;
.tab {
width: px2rem(650);
height: px2rem(144);
display: flex;
justify-content: space-between;
margin: px2rem(14) auto px2rem(20);
.incomeBox {
width: px2rem(731);
height: px2rem(979);
background: url(../images/incomeBox.png) no-repeat;
background-size: 100% 100%;
// background: #fff;
// border-radius: px2rem(20);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
div {
width: px2rem(316);
height: 100%;
.close {
width: 1rem;
height: 1rem;
position: absolute;
right: 0rem;
top: 0rem;
}
h3 {
width: 100%;
text-align: center;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
font-family: PingFang SC;
font-weight: 500;
font-size: px2rem(28);
color: #EAC2C2;
line-height: 42px;
background: linear-gradient(0deg, #FFEB64 0%, #FFBB1D 65.5517578125%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
left: 0;
top: px2rem(115);
}
p {
color: #FFFFFF;
font-size: px2rem(24);
font-weight: 500;
margin-top: px2rem(35);
margin-bottom: px2rem(18);
.gold {
width: 100%;
text-align: center;
font-family: PingFang SC;
font-weight: bold;
font-size: px2rem(40);
color: #EAC2C2;
line-height: 42px;
background: linear-gradient(0deg, #FFEB64 0%, #FFBB1D 65.5517578125%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: absolute;
top: px2rem(167);
left: 0;
b {
vertical-align: middle;
margin-right: px2rem(10);
}
span {
color: #fff;
font-size: px2rem(28);
font-weight: 400;
img {
display: inline-block;
vertical-align: middle;
width: px2rem(38);
height: px2rem(38);
}
}
img {
display: inline-block;
vertical-align: middle;
width: px2rem(44);
height: px2rem(44);
.tab {
width: px2rem(650);
height: px2rem(134);
display: flex;
justify-content: space-between;
margin: px2rem(224) auto px2rem(20);
div {
width: px2rem(305);
height: 100%;
text-align: center;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
p {
color: #EDEDED;
font-size: px2rem(22);
font-weight: 500;
margin-top: px2rem(61);
margin-bottom: px2rem(0);
}
span {
color: #fff;
font-size: px2rem(28);
font-weight: 400;
img {
display: inline-block;
vertical-align: middle;
width: px2rem(38);
height: px2rem(38);
filter: grayscale(100%);
}
}
}
.act {
background: url(../images/tabAct.png) no-repeat;
background-size: 100% 100%;
p {
color: #FEFF7B;
}
span {
color: #FFDD3D;
img {
filter: grayscale(0%);
}
}
}
}
.act {
background: url(../images/tabAct.png) no-repeat;
background-size: 100% 100%;
.sTab {
width: px2rem(660);
height: px2rem(72);
line-height: px2rem(72);
display: flex;
justify-content: space-between;
margin: 0 auto px2rem(0);
p {
margin-top: px2rem(27);
div {
width: 50%;
height: 100%;
text-align: center;
color: #F9FFC1;
font-size: px2rem(21);
font-weight: 400;
background: url(../images/sTab2.png) no-repeat;
background-size: 100% 100%;
}
.tab1 {
background: url(../images/sTab1.png) no-repeat;
background-size: 100% 100%;
color: #FEFF7B;
}
.tab2 {
background: url(../images/sTab1.png) no-repeat;
background-size: 100% 100%;
color: #FEFF7B;
}
}
}
.sTab {
width: 100%;
height: px2rem(60);
line-height: px2rem(60);
display: flex;
justify-content: space-between;
margin: 0 auto px2rem(0);
div {
width: 50%;
height: 100%;
text-align: center;
color: #333333;
font-size: px2rem(20);
font-weight: 400;
}
.tab1 {
background: url(../images/sTab1.png) no-repeat;
background-size: 100% 100%;
color: #FE3312;
}
.tab2 {
background: url(../images/sTab2.png) no-repeat;
background-size: 100% 100%;
color: #FE3312;
}
}
.tableTitle {
width: 99.9%;
display: flex;
justify-content: space-between;
margin-bottom: 0;
position: absolute;
top: 3.17rem;
left: 50%;
transform: translateX(-50%);
z-index: 2;
background: #fff;
div {
width: 25%;
height: px2rem(50);
line-height: px2rem(50);
text-align: center;
color: #333333;
font-size: px2rem(20);
font-weight: 400;
}
}
ul {
width: 100%;
height: 7.4rem;
margin: 0 auto 0;
overflow-y: scroll;
position: relative;
&::-webkit-scrollbar {
display: none;
}
.top {
width: 100%;
.tableTitle {
width: px2rem(660);
display: flex;
justify-content: space-between;
margin-bottom: 0;
position: absolute;
top: 0;
top: 6.15rem;
left: 50%;
transform: translateX(-50%);
z-index: 2;
// background: #fff;
div {
width: 25%;
height: px2rem(50);
line-height: px2rem(50);
text-align: center;
color: #333333;
font-size: px2rem(20);
color: #FFB920;
font-size: px2rem(22);
font-weight: 400;
}
}
li {
width: 100%;
height: px2rem(50);
margin-bottom: px2rem(18);
display: flex;
justify-content: space-between;
ul {
width: px2rem(660);
height: 6rem;
margin: 0 auto 0;
overflow-y: scroll;
position: relative;
&:nth-child(1) {
margin-top: px2rem(50);
&::-webkit-scrollbar {
display: none;
}
div {
overflow: hidden;
width: 25%;
text-align: center;
color: #666666;
font-size: px2rem(18);
font-weight: 400;
line-height: px2rem(50);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
.top {
width: 100%;
display: flex;
justify-content: space-between;
margin-bottom: 0;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
img {
display: inline-block;
vertical-align: middle;
width: px2rem(32);
height: px2rem(32);
div {
width: 25%;
height: px2rem(50);
line-height: px2rem(50);
text-align: center;
color: #333333;
font-size: px2rem(20);
font-weight: 400;
}
}
li {
width: 100%;
height: px2rem(50);
margin-bottom: px2rem(18);
display: flex;
justify-content: space-between;
&:nth-child(1) {
margin-top: px2rem(50);
}
}
div {
overflow: hidden;
width: 25%;
text-align: center;
color: #FFE67C;
font-size: px2rem(18);
font-weight: 400;
line-height: px2rem(50);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
.act {
line-height: px2rem(0);
img {
display: inline-block;
vertical-align: middle;
width: px2rem(32);
height: px2rem(32);
}
p {
margin-top: px2rem(15);
margin-bottom: px2rem(23);
}
.act {
line-height: px2rem(0);
p {
margin-top: px2rem(15);
margin-bottom: px2rem(23);
}
}
}
}
@@ -405,13 +500,24 @@ body {
}
.rule {
width: px2rem(690);
height: px2rem(1418);
border-radius: px2rem(20);
border: px2rem(4) solid #FE7835;
margin: 0 auto px2rem(40);
width: px2rem(731);
height: px2rem(1781);
// border-radius: px2rem(20);
// border: px2rem(4) solid #FE7835;
margin: 0 auto px2rem(100);
position: relative;
background: #fff;
// background: #fff;
background: url(../images/ruleBoxBg.png) no-repeat;
background-size: 100% 100%;
.ruleInfo {
position: absolute;
width: 1.9rem;
height: 0.9rem;
top: 1.9rem;
right: 0;
z-index: 2;
}
.title {
width: px2rem(320);
@@ -437,6 +543,7 @@ body {
margin: 0 auto px2rem(20);
background: url(../images/rule1.png) no-repeat;
background-size: 100% 100%;
display: none;
h3 {
width: 100%;
@@ -517,8 +624,8 @@ body {
height: px2rem(881);
position: relative;
margin: 0 auto px2rem(30);
background: url(../images/rule2.png) no-repeat;
background-size: 100% 100%;
// background: url(../images/rule2.png) no-repeat;
// background-size: 100% 100%;
h3 {
width: 100%;
@@ -570,7 +677,7 @@ body {
.p1 {
width: 100%;
color: #FE3312;
color: #FFB920;
font-size: px2rem(20);
font-weight: 500;
position: absolute;
@@ -582,7 +689,7 @@ body {
.p2 {
width: 100%;
color: #FE3312;
color: #FFB920;
font-size: px2rem(20);
font-weight: 500;
position: absolute;
@@ -619,13 +726,13 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(342);
top: 14.56rem;
z-index: 2;
div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: px2rem(18);
font-weight: 500;
}
@@ -640,13 +747,13 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(405);
top: 15.6rem;
z-index: 2;
div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: px2rem(18);
font-weight: 400;
}
@@ -661,13 +768,13 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 6.2rem;
top: 16.4rem;
z-index: 2;
div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: px2rem(18);
font-weight: 400;
}
@@ -682,13 +789,13 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 6.95rem;
top: 17.15rem;
z-index: 2;
div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: px2rem(18);
font-weight: 400;
}
@@ -703,13 +810,13 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 8.9rem;
top: 19.8rem;
z-index: 2;
div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: px2rem(18);
font-weight: 500;
}
@@ -724,13 +831,13 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 9.8rem;
top: 20.8rem;
z-index: 2;
div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: px2rem(18);
font-weight: 400;
}
@@ -745,13 +852,13 @@ body {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 10.6rem;
top: 21.7rem;
z-index: 2;
div {
width: 50%;
text-align: center;
color: #FF4627;
color: #FFB920;
font-size: px2rem(18);
font-weight: 400;
}
@@ -761,16 +868,16 @@ body {
.wishingStar {
width: 100%;
text-align: center;
color: #333333;
font-size: px2rem(18);
color: #F1D793;
font-size: px2rem(20);
font-weight: 300;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(30);
bottom: -0.6rem;
b {
color: #FE3312;
color: #FFB920;
}
}
}
@@ -811,20 +918,43 @@ body {
}
}
.otherRule {
display: none;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .6);
z-index: 3;
img {
position: absolute;
width: px2rem(731);
height: px2rem(1056);
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}
.openShare {
position: fixed;
left: px2rem(0);
bottom: 6.2rem;
width: px2rem(120);
height: px2rem(34);
line-height: px2rem(34);
background: linear-gradient(180deg, #FFAD50 0%, #FE3111 100%);
border-radius: 0px px2rem(17) px2rem(17) 0px;
width: px2rem(150);
height: px2rem(45);
line-height: px2rem(45);
background: linear-gradient(180deg, #FFE156 0%, #FF7C06 100%);
// background: #FF7C06;
border-radius: 0px px2rem(45) px2rem(45) 0px;
border: px2rem(2) #FFF8B4 solid;
text-align: center;
color: #fff;
font-size: px2rem(16);
color: #89421A;
font-size: px2rem(20);
display: none;
z-index: 3;
font-weight: bold;
}
.code {
@@ -834,7 +964,7 @@ body {
background: url(../images/codeBg.png) no-repeat;
background-size: 100% 100%;
width: px2rem(176);
height: px2rem(237);
height: px2rem(250);
z-index: 3;
.rule_icon {
@@ -853,8 +983,8 @@ body {
position: absolute;
left: 50%;
transform: translateX(-47%);
top: px2rem(18);
width: 100%;
top: px2rem(30);
width: 90%;
text-align: center;
}
@@ -865,7 +995,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-47%);
top: px2rem(50);
top: px2rem(75);
width: 100%;
text-align: center;
height: px2rem(24);
@@ -890,7 +1020,7 @@ body {
position: absolute;
left: 50%;
transform: translateX(-43%);
top: px2rem(87);
top: px2rem(105);
}
.but {
@@ -898,12 +1028,23 @@ body {
height: px2rem(26);
line-height: px2rem(26);
border-radius: px2rem(26);
background: #fff;
// background: #fff;
background: url(../images/shareButIcons.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: px2rem(38);
bottom: px2rem(18);
text-align: center;
color: #000;
font-size: px2rem(18);
color: #89421A;
}
}
.arabic{
.bg .ul_pub .incomeBox .sTab div{
font-size: px2rem(18);
}
.header .rule_rule{
font-size: px2rem(20);
text-indent: -10px;
}
}

BIN
view/molistar/activity/2024-invitationFission/images/codeBg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 28 KiB

BIN
view/molistar/activity/2024-invitationFission/images/header.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
view/molistar/activity/2024-invitationFission/images/header_h3-ar.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 46 KiB

BIN
view/molistar/activity/2024-invitationFission/images/header_h3-en.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 158 KiB

BIN
view/molistar/activity/2024-invitationFission/images/header_h3.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 197 KiB

BIN
view/molistar/activity/2024-invitationFission/images/incomeBox.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 MiB

BIN
view/molistar/activity/2024-invitationFission/images/myIncomeBg.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 142 KiB

BIN
view/molistar/activity/2024-invitationFission/images/myInfo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 540 KiB

BIN
view/molistar/activity/2024-invitationFission/images/myInfoBut-ar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
view/molistar/activity/2024-invitationFission/images/myInfoBut-en.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
view/molistar/activity/2024-invitationFission/images/myInfoBut.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 79 KiB

BIN
view/molistar/activity/2024-invitationFission/images/myInfoBut2-ar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
view/molistar/activity/2024-invitationFission/images/myInfoBut2-en.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
view/molistar/activity/2024-invitationFission/images/myInfoBut2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
view/molistar/activity/2024-invitationFission/images/ruleBoxBg-ar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 688 KiB

BIN
view/molistar/activity/2024-invitationFission/images/ruleBoxBg-en.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 697 KiB

BIN
view/molistar/activity/2024-invitationFission/images/ruleBoxBg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.9 MiB

BIN
view/molistar/activity/2024-invitationFission/images/rule_inNew.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 MiB

BIN
view/molistar/activity/2024-invitationFission/images/sTab1.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 16 KiB

BIN
view/molistar/activity/2024-invitationFission/images/sTab2.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 17 KiB

BIN
view/molistar/activity/2024-invitationFission/images/shareButIcons.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
view/molistar/activity/2024-invitationFission/images/tab.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 58 KiB

BIN
view/molistar/activity/2024-invitationFission/images/tabAct.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 92 KiB

124
view/molistar/activity/2024-invitationFission/index.html
View File

@@ -1,6 +1,6 @@
<!DOCTYPE html>
<html>
<!-- dir="rtl" -->
<!-- dir="rtl" -->
<head>
<meta charset="UTF-8">
@@ -19,7 +19,7 @@
<!-- 頭部 -->
<div class="header">
<img id="img1" src="./images/header_h3.png" alt="" class="h3">
<a href="#rule"><img id="img2" src="./images/rule_rule.png" alt="" class="rule_rule"></a>
<div class="rule_rule text67"></div>
<div id="text1" class="text"></div>
<!-- <img src="./images/gold.png" alt=""> -->
</div>
@@ -30,8 +30,12 @@
<img src="./images/logo.png" alt="" class="tx">
<p id="text2"></p>
<b class="invitationCode"></b>
<div class="skip"><img src="./images/skip.png" alt=""> <b id="text3"></b></div>
<div class="copy" id="copy"><img src="./images/copy.png" alt=""> <b id="text4"></b></div>
<div class="skip img5" >
<!-- <img src="./images/skip.png" alt=""> <b id="text3"></b> -->
</div>
<div class="copy img6" id="copy">
<!-- <img src="./images/copy.png" alt=""> <b id="text4"></b> -->
</div>
</div>
<!-- 我的收益 -->
<div class="myIncome">
@@ -40,33 +44,39 @@
<b>0</b>
</div>
<!-- 收益tab -->
<div class="incomeBox">
<!-- 大tab切換 -->
<div class="tab">
<div class="act directProfit">
<p id="text6"></p>
<span><img src="./images/gold.png" alt=""> 0</span>
<div class="ul_pub">
<div class="incomeBox">
<div class="close"></div>
<!-- 我的收益 -->
<h3 id="texts5"></h3>
<div class="gold"><b>0</b><img src="./images/gold.png" alt=""></div>
<!-- 大tab切換 -->
<div class="tab">
<div class="act directProfit">
<p id="text6"></p>
<span><img src="./images/gold.png" alt=""> 0</span>
</div>
<div class="indirectProfit">
<p id="text7"></p>
<span><img src="./images/gold.png" alt=""> 0</span>
</div>
</div>
<div class="indirectProfit">
<p id="text7"></p>
<span><img src="./images/gold.png" alt=""> 0</span>
<!-- 小tab切換 -->
<div class="sTab">
<div class="tab1" id="text8"></div>
<div class="" id="text9"></div>
</div>
</div>
<!-- 小tab切換 -->
<div class="sTab">
<div class="tab1" id="text8"></div>
<div class="" id="text9"></div>
</div>
<!-- 記錄標題 -->
<div class="tableTitle">
<div id="text10"></div>
<div id="text11"></div>
<div id="text12"></div>
<div id="text13"></div>
</div>
<!-- 記錄 -->
<ul>
<!-- <li class="top">
<!-- 記錄標題 -->
<div class="tableTitle">
<div id="text10"></div>
<div id="text11"></div>
<div id="text12"></div>
<div id="text13"></div>
</div>
<!-- 記錄 -->
<ul>
<!-- <li class="top">
<div>時間</div>
<div>收益</div>
<div>收益類型</div>
@@ -85,11 +95,13 @@
<b>ID:0</b>
</div>
</li> -->
</ul>
</ul>
</div>
</div>
<!-- 活動規則 -->
<div class="rule" id="rule">
<div class="title" id="text14"></div>
<div class="rule img7" id="rule">
<div class="ruleInfo"></div>
<!-- <div class="title" id="text14"></div> -->
<div class="rule1">
<h3 id="text15"></h3>
<div class="text1" id="text16"></div>
@@ -99,15 +111,15 @@
<span class="sp2">+1000 <img src="./images/gold.png" alt="" class="diamond"></span>
</div>
<div class="rule2">
<h3 id="text18"></h3>
<div class="text1" id="text19"></div>
<!-- <h3 id="text18"></h3> -->
<!-- <div class="text1" id="text19"></div>
<div class="text2" id="text20"></div>
<div class="text3" id="text21"></div>
<img id="img4" src="./images/rule_2in.png" alt="" class="rule_2in">
<p class="p1" id="text22"></p>
<p class="p2" id="text23"></p>
<img src="./images/table1.png" alt="" class="table1">
<img src="./images/table2.png" alt="" class="table2">
<div class="text3" id="text21"></div> -->
<!-- <img id="img4" src="./images/rule_2in.png" alt="" class="rule_2in"> -->
<!-- <p class="p1" id="text22"></p>
<p class="p2" id="text23"></p> -->
<!-- <img src="./images/table1.png" alt="" class="table1">
<img src="./images/table2.png" alt="" class="table2"> -->
<!-- <div class="table1_1">
<div id="text24">1</div>
<div id="text25">2</div>
@@ -170,10 +182,23 @@
<div class="wishingStar" id="text28"></b></a>
</div>
</div>
<!-- 其他說明 -->
<div class="otherNotes" id="text29"></div>
<ul id="text30">
<!-- <li class="title">關於邀請獎勵結算</li>
</div>
<!-- 展開分享 -->
<div class="openShare" id="text31"></div>
<!-- 保存二維碼 -->
<div class="code">
<div class="rule_icon"></div>
<div class="p1" id="text32"></div>
<div class="p2" id="text33"></div>
<img src="" alt="" class="codeImg">
<div class="but" id="text34"></div>
</div>
<!-- 其他說明 -->
<div style="display: none;" class="otherNotes" id="text29"></div>
<div class="otherRule">
<img class="img8" src="./images/rule_inNew.png" alt="">
<!-- <ul style="display: none;" id="text30"> -->
<!-- <li class="title">關於邀請獎勵結算</li>
<li>1.被邀用戶收益：新用戶填寫邀請碼後繫統自動發放權益至所屬賬號</li>
<li>2.邀請用戶收益：被邀新用戶填寫邀請碼後繫統自動發放權益至所屬賬號</li>
<li>3.充值獎勵：僅統計直接充值數據；新用戶自填寫邀請碼30日內完成首充，可獲得魔法棒獎勵，魔法棒可用於參與許願之星玩法，獲取珍稀禮物獎勵；完成指定數額充值，邀請人可獲得額外收益，收益實時到賬；</li>
@@ -187,17 +212,6 @@
<li>2.本活動最終解釋權歸官方所有，並與Apple inc/Google公司無關；</li> -->
</ul>
</div>
<!-- 展開分享 -->
<div class="openShare" id="text31"></div>
<!-- 保存二維碼 -->
<div class="code">
<div class="rule_icon"></div>
<div class="p1" id="text32"></div>
<div class="p2" id="text33"></div>
<img src="" alt="" class="codeImg">
<div class="but" id="text34"></div>
</div>
</body>
</script>

27
view/molistar/activity/2024-invitationFission/js/index.js
View File

@@ -76,6 +76,7 @@ function translateFun() {
$('#text3').html(langReplace(localLang.demoModule.text3));
$('#text4').html(langReplace(localLang.demoModule.text4));
$('#text5').html(langReplace(localLang.demoModule.text5));
$('#texts5').html(langReplace(localLang.demoModule.texts5));
$('#text6').html(langReplace(localLang.demoModule.text6));
$('#text7').html(langReplace(localLang.demoModule.text7));
$('#text8').html(langReplace(localLang.demoModule.text8));
@@ -106,10 +107,15 @@ function translateFun() {
$('#text33').html(langReplace(localLang.demoModule.text33));
$('#text34').html(langReplace(localLang.demoModule.text34));
$('#text66').html(langReplace(localLang.demoModule.text66));
$('.text67').text(langReplace(localLang.demoModule.text67));
$('#img1').attr('src', langReplace(localLang.demoModule.img1))
$('#img2').attr('src', langReplace(localLang.demoModule.img2))
$('#img3').attr('src', langReplace(localLang.demoModule.img3))
$('#img4').attr('src', langReplace(localLang.demoModule.img4))
$('.img5').attr('style', langReplace(localLang.demoModule.img5))
$('.img6').attr('style', langReplace(localLang.demoModule.img6))
$('.img7').attr('style', langReplace(localLang.demoModule.img7))
$('.img8').attr('src', langReplace(localLang.demoModule.img8))
}
// 獲取配置接口
function getConfig() {
@@ -184,6 +190,7 @@ function getMySelf() {
});
$('.bg .myInfo .invitationCode').text(inviteCode);
$('.bg .myIncome b').text(res.data.totalProfit);
$('.bg .ul_pub .incomeBox .gold b').text(res.data.totalProfit);
$('.bg .incomeBox .tab .directProfit span').html(`<img src="./images/gold.png" alt=""> ${res.data.directProfit}`);
$('.bg .incomeBox .tab .indirectProfit span').html(`<img src="./images/gold.png" alt=""> ${res.data.indirectProfit}`);
$('.code .codeImg').attr('src', res.data.qRCodeUrl);
@@ -441,3 +448,23 @@ function userPage() {
}
})
}
// 打开规则弹窗
$('.bg .rule .ruleInfo').click(function () {
$('.otherRule').show();
bodyScroolFun(true);
})
// 关闭规则弹窗
$('.otherRule').click(function () {
$('.otherRule').hide();
bodyScroolFun(false);
})
// 打开收益弹窗
$('.header .rule_rule').click(function(){
$('.bg .ul_pub').show();
bodyScroolFun(true);
})
// 关闭收益弹窗
$('.bg .ul_pub .incomeBox .close').click(function(){
$('.bg .ul_pub').hide();
bodyScroolFun(false);
})

17
view/molistar/activity/2024-invitationFission/local/ar.js
View File

@@ -2,16 +2,17 @@
langAr = {
// 模块
demoModule: {
img1:`./images/header_h3-ar.png`,
img2:`./images/rule_rule-ar.png`,
img3:`./images/rule1_in-ar.png`,
img4:`./images/rule_2in-ar.png`,
img1: `./images/header_h3-ar.png`,
img2: `./images/rule_rule-ar.png`,
img3: `./images/rule1_in-ar.png`,
img4: `./images/rule_2in-ar.png`,
title: `دعوة لكسب النقود`,
text1: `احصل على <b>1000</b> نقطة لكل دعوة`,
text1: `<img src="./images/gold.png" alt=""> احصل على <b>1000</b> نقطة لكل دعوة`,
text2: `رمز الدعوة`,
text3: `مشاركة مع الأصدقاء`,
text4: `نسخ رمز الدعوة`,
text5: `أرباحي`,
texts5: `أرباحي`,
text6: `أرباح الدعوة المباشرة`,
text7: `أرباح الدعوة غير المباشرة`,
text8: `سجل أرباح الدعوة المباشرة`,
@@ -108,6 +109,12 @@ langAr = {
<div>الشحن ≥50000</div>
<div style="line-height: 0.34rem;">عن كل 1000 شحن من قبل المستخدم المدعو غير المباشر، أنت +20 (2.00%)</div>
</div>`,
text67: `تفاصيل الأرباح`,
img5: `background: url(./images/myInfoBut-ar.png) no-repeat;background-size: 100% 100%;`,
img6: `background: url(./images/myInfoBut2-ar.png) no-repeat;background-size: 100% 100%;`,
img7: `background: url(./images/ruleBoxBg-ar.png) no-repeat;background-size: 100% 100%;`,
img8: `./images/rule_inNew-ar.png`,
},
share: {
img1: `background: url(./images/share/header-ar.png) no-repeat;background-size: 100% 100%;`,

16
view/molistar/activity/2024-invitationFission/local/en.js
View File

@@ -2,16 +2,17 @@
langEn = {
// 模块
demoModule: {
img1:`./images/header_h3-en.png`,
img2:`./images/rule_rule-en.png`,
img3:`./images/rule1_in-en.png`,
img4:`./images/rule_2in-en.png`,
img1: `./images/header_h3-en.png`,
img2: `./images/rule_rule-en.png`,
img3: `./images/rule1_in-en.png`,
img4: `./images/rule_2in-en.png`,
title: `Invite to Earn Coins`,
text1: `Get <b>1000</b> coins for each invitation`,
text1: `Get <b>1000</b> gold for each invitation <img src="./images/gold.png" alt="">`,
text2: `My Code`,
text3: `Share with Friends`,
text4: `Copy Invitation Code`,
text5: ` Earnings`,
texts5: ` Earnings`,
text6: `Direct Invitation Earnings`,
text7: `Indirect Invitation Earnings`,
text8: `Direct Invitation Earnings Record`,
@@ -108,6 +109,11 @@ langEn = {
<div>Top-Up ≥50000</div>
<div style="line-height: 0.34rem;">For every 1000 top-up by Indirectly Invited User, You +20 (2.00%)</div>
</div>`,
text67: `Profit `,
img5: `background: url(./images/myInfoBut-en.png) no-repeat;background-size: 100% 100%;`,
img6: `background: url(./images/myInfoBut2-en.png) no-repeat;background-size: 100% 100%;`,
img7: `background: url(./images/ruleBoxBg-en.png) no-repeat;background-size: 100% 100%;`,
img8: `./images/rule_inNew-en.png`,
},
share: {
img1: `background: url(./images/share/header-en.png) no-repeat;background-size: 100% 100%;`,

8
view/molistar/activity/2024-invitationFission/local/zh.js
View File

@@ -7,11 +7,12 @@ langZh = {
img3: `./images/rule1_in.png`,
img4: `./images/rule_2in.png`,
title: `邀請得金幣`,
text1: `每邀請一人得 <b>1000</b> `,
text1: `每邀請一人得 <b>1000</b>金幣 <img src="./images/gold.png" alt="">`,
text2: `我的邀請碼`,
text3: `分享邀請好友`,
text4: `複製邀請碼`,
text5: `我的收益`,
texts5: `我的收益`,
text6: `直接邀請收益`,
text7: `間接邀請收益`,
text8: `直接邀請收益記錄`,
@@ -111,6 +112,11 @@ langZh = {
<div>儲值≥50000</div>
<div style="line-height: 0.34rem;">間接邀請對象每儲值1000，妳+20（2.00%）</div>
</div>`,
text67: `收益明細`,
img5: `background: url(./images/myInfoBut.png) no-repeat;background-size: 100% 100%;`,
img6: `background: url(./images/myInfoBut2.png) no-repeat;background-size: 100% 100%;`,
img7: `background: url./images/ruleBoxBg.png) no-repeat;background-size: 100% 100%;`,
img7: `./images/rule_inNew.png`,
},
share: {
img1: `background: url(./images/share/header.png) no-repeat;background-size: 100% 100%;`,

2
view/molistar/modules/h5Income/css/login.css
View File

@@ -158,7 +158,7 @@ body {
color: #FFFFFF;
font-size: 0.42667rem;
margin: 0 auto 0.53333rem;
background: linear-gradient(180deg, rgba(249, 195, 234, 0.6) 0%, rgba(229, 142, 255, 0.6) 50%, rgba(205, 122, 233, 0.6) 100%) top;
background: linear-gradient(180deg, rgba(249, 195, 234, 0.65) 0%, rgba(229, 142, 255, 0.65) 50%, rgba(205, 122, 233, 0.65) 100%) top;
}
.box .butok {

2
view/molistar/modules/h5Income/css/login.scss
View File

@@ -167,7 +167,7 @@ body {
font-size: px2rem(32);
margin: 0 auto px2rem(40);
// background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
background: linear-gradient(180deg, rgba(249,195,234,.6) 0%, rgba(229,142,255,.6) 50%, rgba(205, 122, 233, .6) 100%) top;
background: linear-gradient(180deg, rgba(249,195,234,.65) 0%, rgba(229,142,255,.65) 50%, rgba(205, 122, 233, .65) 100%) top;
}
.butok {

2
view/molistar/modules/myincome/index.html
View File

@@ -1 +1 @@
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.c5832b3d529abca752af01bd40406752.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.6269870319effd012f8d.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.fb8c2ccae39b78095050.js></script></body></html>
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.014cfcc3d8f8917ec4130107aa3c74e6.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.03c1a5f6837b42658bb7.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.0fec79e509732b77031c.js></script></body></html>

4
view/molistar/modules/myincome/static/css/app.c5832b3d529abca752af01bd40406752.css → view/molistar/modules/myincome/static/css/app.014cfcc3d8f8917ec4130107aa3c74e6.css
View File

File diff suppressed because one or more lines are too long

4
view/molistar/modules/myincome/static/js/5.fdd6260d5c2b724d73de.js → view/molistar/modules/myincome/static/js/5.9fbf33f98595028e629e.js
View File

File diff suppressed because one or more lines are too long

2
view/molistar/modules/myincome/static/js/app.0fec79e509732b77031c.js Normal file
View File

File diff suppressed because one or more lines are too long

2
view/molistar/modules/myincome/static/js/app.fb8c2ccae39b78095050.js
View File

File diff suppressed because one or more lines are too long

4
view/molistar/modules/myincome/static/js/manifest.6269870319effd012f8d.js → view/molistar/modules/myincome/static/js/manifest.03c1a5f6837b42658bb7.js
View File

@@ -1,2 +1,2 @@
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)u=o(o.s=a[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"9b42e162ef90c3d92a52",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"a4c2cd2893242b26adcb",4:"1c8935faedda18361064",5:"fdd6260d5c2b724d73de",6:"0e7ac399b5d59483b7f2",7:"770781e704ff5805cd00",8:"4218eb5becaddd649623",9:"d02156509389fc441584",10:"8520f094936f10a3326e",11:"a5e798e367bdaa3003e9",12:"c7171579f899cc17052f"}[e]+".js";var f=setTimeout(i,12e4);function i(){a.onerror=a.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=i,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.6269870319effd012f8d.js.map
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)u=o(o.s=a[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"9b42e162ef90c3d92a52",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"a4c2cd2893242b26adcb",4:"1c8935faedda18361064",5:"9fbf33f98595028e629e",6:"0e7ac399b5d59483b7f2",7:"770781e704ff5805cd00",8:"4218eb5becaddd649623",9:"d02156509389fc441584",10:"8520f094936f10a3326e",11:"a5e798e367bdaa3003e9",12:"c7171579f899cc17052f"}[e]+".js";var f=setTimeout(i,12e4);function i(){a.onerror=a.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=i,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
//# sourceMappingURL=manifest.03c1a5f6837b42658bb7.js.map

1
view/molistar/vue-project/myincome/src/i18n/langs/ar.js
View File

@@ -1,5 +1,6 @@
const ar = {
diamondLog: {
購買頭條消耗: 'استهلاك شراء العنوان',
小遊戲收入: 'إيرادات اللعبة',
小遊戲支出: 'نفقات اللعبة',
加載中: 'جار التحميل',

1
view/molistar/vue-project/myincome/src/i18n/langs/en.js
View File

@@ -1,5 +1,6 @@
const en = {
diamondLog: {
購買頭條消耗: 'Purchase Headline Consumption',
小遊戲收入: 'translates to "Game revenue',
小遊戲支出: 'translates to "Game expenses',
加載中: 'Loading',

1
view/molistar/vue-project/myincome/src/i18n/langs/zh.js
View File

@@ -1,5 +1,6 @@
const zh = {
diamondLog: {
購買頭條消耗: '購買頭條消耗',
小遊戲收入: '小遊戲收入',
小遊戲支出: '小遊戲支出',
加載中: '加載中',

3
view/molistar/vue-project/myincome/src/view/myincome/DiamondLog.vue
View File

@@ -170,6 +170,9 @@
<p v-else-if="tab === 12 && item1.objType === 101">
{{$t("diamondLog.金幣開通貴族")}}
</p>
<p v-else-if="tab === 12 && item1.objType === 112">
{{$t("diamondLog.購買頭條消耗")}}
</p>
<p v-else-if="tab === 12 && item1.objType === 90">
{{$t("diamondLog.轉贈金幣給")}} {{ item1.targetNick }}
{{ item1.sendDiamondAmount }}{{$t("diamondLog.金幣")}}