Compare commits
16 Commits
customized
...
tr
| Author | SHA1 | Date | |
|---|---|---|---|
|
4abf36429b | ||
|
|
59265ac0a3 | ||
|
|
20e8b58ec8 | ||
|
|
52be806311 | ||
|
|
96eb7648e1 | ||
|
|
471fb2e606 | ||
|
|
0c44fd7e95 | ||
|
|
505c6d4bd1 | ||
|
|
ad37da5a4a | ||
|
|
197cdeadb5 | ||
|
|
ba78c6ddc6 | ||
|
|
97c4dd7f56 | ||
|
|
be384050a4 | ||
|
|
163f49ad8b | ||
|
|
b32b5e7b90 | ||
|
|
29cd75811f |
@@ -127,7 +127,10 @@ body {
|
||||
}
|
||||
|
||||
.lastWeek .top .top1 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
@@ -172,7 +175,10 @@ body {
|
||||
}
|
||||
|
||||
.lastWeek .top .top2 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
@@ -217,7 +223,10 @@ body {
|
||||
}
|
||||
|
||||
.lastWeek .top .top3 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
@@ -411,7 +420,10 @@ body {
|
||||
}
|
||||
|
||||
.page1 .thisWeek .top .top1 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
@@ -456,7 +468,10 @@ body {
|
||||
}
|
||||
|
||||
.page1 .thisWeek .top .top2 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
@@ -501,7 +516,10 @@ body {
|
||||
}
|
||||
|
||||
.page1 .thisWeek .top .top3 .name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: 0.34667rem;
|
||||
font-size: 0.37333rem;
|
||||
color: #FDF565;
|
||||
|
||||
@@ -128,7 +128,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
@@ -173,7 +176,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
@@ -218,7 +224,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
@@ -411,7 +420,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
@@ -456,7 +468,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
@@ -501,7 +516,10 @@ body {
|
||||
}
|
||||
|
||||
.name {
|
||||
width: 100%;
|
||||
width: 90%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
height: px2rem(26);
|
||||
font-size: px2rem(28);
|
||||
color: #FDF565;
|
||||
|
||||
@@ -253,5 +253,5 @@
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="./js/index.js?v=1.0"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -177,7 +177,7 @@ function giftRank() {
|
||||
// 处理自己
|
||||
$('.page2 .myList .top .my .tx').attr('src', res.data.myRank.avatar);
|
||||
$('.page2 .myList .top .my p').text(res.data.myRank.name);
|
||||
$('.page2 .myList .top .my b').text(langReplace(localLang.demoModule.text5) + unitProcessingAr(res.data.myRank.totalNum, 1));
|
||||
$('.page2 .myList .top .my b').text(langReplace(localLang.demoModule.text6) + unitProcessingAr(res.data.myRank.totalNum, 1));
|
||||
$('.page2 .myList .top .my span').text(langReplace(localLang.demoModule.text25) + unitProcessingAr(res.data.myRank.totalGoldNum, 1));
|
||||
// 处理列表
|
||||
$('.page2 .myList .content ul li').remove();
|
||||
@@ -190,7 +190,7 @@ function giftRank() {
|
||||
<img src="${res.avatar}" alt="" class="tx">
|
||||
<span>${res.name}</span>
|
||||
<div class="giftInfo">
|
||||
<p>${langReplace(localLang.demoModule.text5)}${unitProcessingAr(res.totalNum, 1)}</p>
|
||||
<p>${langReplace(localLang.demoModule.text6)}${unitProcessingAr(res.totalNum, 1)}</p>
|
||||
<b>${langReplace(localLang.demoModule.text25)}${unitProcessingAr(res.totalGoldNum, 1)}</b>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
@@ -34,7 +34,7 @@ function initLocalLang() {
|
||||
window.lang.code = 'id'
|
||||
window.lang.defaults = false
|
||||
} else if (lang === 'tr' || window.location.href.match('=tr')) {
|
||||
if (window.location.href.match('guild-ar')) {
|
||||
if (window.location.href.match('guild-ar') || window.location.href.match('superId') || window.location.href.match('newWeekStar') || window.location.href.match('home')|| window.location.href.match('pay')) {
|
||||
// 土耳其
|
||||
console.log("langHandler" + '土耳其')
|
||||
window.lang = langTr
|
||||
|
||||
@@ -6,109 +6,244 @@
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: linear-gradient(180deg, #61C9A0 0%, #309470 100%);
|
||||
font-family: Avenir, Avenir;
|
||||
cursor: pointer;
|
||||
}
|
||||
body .container,
|
||||
html .container {
|
||||
position: relative;
|
||||
}
|
||||
body .pc-bg,
|
||||
html .pc-bg {
|
||||
display: none;
|
||||
}
|
||||
body .homePc,
|
||||
html .homePc {
|
||||
width: 100%;
|
||||
height: 10rem;
|
||||
background: url(../images/pcBgBig.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
body .container .pagesBox,
|
||||
html .container .pagesBox {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
transition: all .5s;
|
||||
transform: translateY(0%);
|
||||
}
|
||||
body .container .pagesBox .page1,
|
||||
html .container .pagesBox .page1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/pc1.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
body .homePc .diamound,
|
||||
html .homePc .diamound {
|
||||
padding: 0 0.26667rem;
|
||||
height: 0.5rem;
|
||||
line-height: 0.46667rem;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.25rem;
|
||||
text-align: center;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: 0.53333rem;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #fff;
|
||||
body .container .pagesBox .page1 .logoPc,
|
||||
html .container .pagesBox .page1 .logoPc {
|
||||
width: 2.69333rem;
|
||||
height: 0.93333rem;
|
||||
position: absolute;
|
||||
right: 3.46667rem;
|
||||
top: 0.3rem;
|
||||
vertical-align: middle;
|
||||
left: 0.85333rem;
|
||||
top: 0.37333rem;
|
||||
}
|
||||
body .homePc .diamound img,
|
||||
html .homePc .diamound img {
|
||||
body .container .pagesBox .page1 .tab,
|
||||
html .container .pagesBox .page1 .tab {
|
||||
width: 4.26667rem;
|
||||
height: 0.41333rem;
|
||||
line-height: 0.41333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #fff;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.6rem;
|
||||
}
|
||||
body .container .pagesBox .page1 .tab p,
|
||||
html .container .pagesBox .page1 .tab p {
|
||||
position: relative;
|
||||
}
|
||||
body .container .pagesBox .page1 .tab p span,
|
||||
html .container .pagesBox .page1 .tab p span {
|
||||
width: 0.46667rem;
|
||||
height: 0.09333rem;
|
||||
border-radius: 0.09333rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.26667rem;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
}
|
||||
body .container .pagesBox .page1 .tab .tex,
|
||||
html .container .pagesBox .page1 .tab .tex {
|
||||
opacity: 0.5;
|
||||
}
|
||||
body .container .pagesBox .page1 .recharge,
|
||||
html .container .pagesBox .page1 .recharge {
|
||||
width: 1.62667rem;
|
||||
height: 0.48rem;
|
||||
line-height: 0.42667rem;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.21333rem;
|
||||
border-radius: 0.48rem;
|
||||
position: absolute;
|
||||
top: 0.6rem;
|
||||
right: 2.44rem;
|
||||
}
|
||||
body .container .pagesBox .page1 .recharge img,
|
||||
html .container .pagesBox .page1 .recharge img {
|
||||
width: 0.29333rem;
|
||||
height: 0.29333rem;
|
||||
display: inline-block;
|
||||
width: 0.50667rem;
|
||||
height: 0.50667rem;
|
||||
vertical-align: middle;
|
||||
margin-top: -0.01rem;
|
||||
margin-right: 0.02667rem;
|
||||
}
|
||||
body .homePc .language,
|
||||
html .homePc .language {
|
||||
body .container .pagesBox .page1 .recharge span,
|
||||
html .container .pagesBox .page1 .recharge span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
body .container .pagesBox .page1 .language,
|
||||
html .container .pagesBox .page1 .language {
|
||||
position: absolute;
|
||||
right: 0.85333rem;
|
||||
top: 0.6rem;
|
||||
width: 1.32rem;
|
||||
height: 0.48rem;
|
||||
border-radius: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
height: 0.5rem;
|
||||
line-height: 0.5rem;
|
||||
right: 1rem;
|
||||
top: .3rem;
|
||||
font-size: 0.25333rem;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-size: 0.21333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
body .homePc .privacy,
|
||||
html .homePc .privacy {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
height: 0.5rem;
|
||||
line-height: 0.5rem;
|
||||
left: 6.4rem;
|
||||
top: .3rem;
|
||||
width: 3rem;
|
||||
}
|
||||
body .homePc .pcIos,
|
||||
html .homePc .pcIos {
|
||||
width: 2.9rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
right: 5rem;
|
||||
top: 5.855rem;
|
||||
}
|
||||
body .homePc .pcAnd,
|
||||
html .homePc .pcAnd {
|
||||
width: 2.9rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
right: 5rem;
|
||||
top: 6.79rem;
|
||||
}
|
||||
body .bootom,
|
||||
html .bootom {
|
||||
body .container .pagesBox .page1 .title,
|
||||
html .container .pagesBox .page1 .title {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
text-align: center;
|
||||
font-size: 0.8rem;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: #0F0B27;
|
||||
top: 5.26667rem;
|
||||
}
|
||||
body .container .pagesBox .page1 h3,
|
||||
html .container .pagesBox .page1 h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 0.58667rem;
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 6.66667rem;
|
||||
}
|
||||
body .container .pagesBox .page1 .h5Ios,
|
||||
html .container .pagesBox .page1 .h5Ios {
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
position: absolute;
|
||||
left: 7.33333rem;
|
||||
top: 8.45333rem;
|
||||
}
|
||||
body .container .pagesBox .page1 .h5And,
|
||||
html .container .pagesBox .page1 .h5And {
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
position: absolute;
|
||||
right: 7.33333rem;
|
||||
top: 8.45333rem;
|
||||
}
|
||||
body .container .pagesBox .page1 .team,
|
||||
html .container .pagesBox .page1 .team {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
padding-bottom: 0.2rem;
|
||||
padding-top: 0.1rem;
|
||||
opacity: 0.6;
|
||||
font-size: 0.21333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0.4rem;
|
||||
}
|
||||
body .bootom p,
|
||||
html .bootom p {
|
||||
margin-top: 0.1rem;
|
||||
font-size: 0.15rem;
|
||||
color: #fff;
|
||||
body .container .pagesBox .page2,
|
||||
html .container .pagesBox .page2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/pc2.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
body .bootom p a,
|
||||
html .bootom p a {
|
||||
body .container .pagesBox .page2 .title,
|
||||
html .container .pagesBox .page2 .title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 0.8rem;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.86667rem;
|
||||
}
|
||||
body .container .pagesBox .page2 img,
|
||||
html .container .pagesBox .page2 img {
|
||||
position: absolute;
|
||||
width: 16rem;
|
||||
top: 2.66667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
body .container .pagesBox .page3,
|
||||
html .container .pagesBox .page3 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/pc3.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
body .container .pagesBox .page3 .title,
|
||||
html .container .pagesBox .page3 .title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 0.8rem;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.86667rem;
|
||||
}
|
||||
body .container .pagesBox .page3 img,
|
||||
html .container .pagesBox .page3 img {
|
||||
position: absolute;
|
||||
width: 16rem;
|
||||
top: 2.66667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
body .container .pagesBox .page4,
|
||||
html .container .pagesBox .page4 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/pc4.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
body .container .pagesBox .page4 .title,
|
||||
html .container .pagesBox .page4 .title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 0.8rem;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0.86667rem;
|
||||
}
|
||||
body .container .pagesBox .page4 img,
|
||||
html .container .pagesBox .page4 img {
|
||||
position: absolute;
|
||||
width: 16rem;
|
||||
top: 2.66667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -130,7 +265,7 @@
|
||||
width: 100%;
|
||||
height: 1.2rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.53333rem;
|
||||
padding: 0 0.42667rem;
|
||||
margin: 0.26667rem auto 0;
|
||||
z-index: 3;
|
||||
}
|
||||
@@ -144,6 +279,7 @@
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
display: none;
|
||||
}
|
||||
body .header .logo,
|
||||
html .header .logo {
|
||||
@@ -164,18 +300,18 @@
|
||||
body .header .diamound,
|
||||
html .header .diamound {
|
||||
padding: 0 0.26667rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
height: 0.8rem;
|
||||
line-height: 0.8rem;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #fff;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
vertical-align: middle;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
float: right;
|
||||
margin-top: 0.05333rem;
|
||||
margin-right: 0.42667rem;
|
||||
margin-right: 0.24rem;
|
||||
text-align: center;
|
||||
border-radius: 0.74667rem;
|
||||
border-radius: 0.8rem;
|
||||
}
|
||||
body .header .diamound img,
|
||||
html .header .diamound img {
|
||||
@@ -192,15 +328,24 @@
|
||||
height: 0.53333rem;
|
||||
display: block;
|
||||
margin-top: 0.16rem;
|
||||
display: none;
|
||||
}
|
||||
body .header .language,
|
||||
html .header .language {
|
||||
float: right;
|
||||
color: #fff;
|
||||
height: 0.53333rem;
|
||||
line-height: 0.53333rem;
|
||||
margin-top: 0.16rem;
|
||||
width: 2.18667rem;
|
||||
height: 0.8rem;
|
||||
border-radius: 0.8rem;
|
||||
line-height: 0.8rem;
|
||||
margin-top: 0.05333rem;
|
||||
margin-right: 0.26667rem;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
}
|
||||
body .header .language b,
|
||||
html .header .language b {
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
body .h5,
|
||||
html .h5 {
|
||||
@@ -225,6 +370,80 @@
|
||||
background: url(../images/h51.png) no-repeat center;
|
||||
background-size: 10rem 100%;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .tab,
|
||||
html .h5 .pagesBox .page1 .tab {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: 2.13333rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
justify-content: space-evenly;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .tab p,
|
||||
html .h5 .pagesBox .page1 .tab p {
|
||||
color: #FFFFFF;
|
||||
opacity: 0.2;
|
||||
position: relative;
|
||||
font-size: 0.42667rem;
|
||||
white-space: nowrap;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .tab p span,
|
||||
html .h5 .pagesBox .page1 .tab p span {
|
||||
width: 0.58667rem;
|
||||
height: 0.13333rem;
|
||||
border-radius: 0.13333rem;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: -0.26667rem;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .tab .act,
|
||||
html .h5 .pagesBox .page1 .tab .act {
|
||||
opacity: 1;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .title,
|
||||
html .h5 .pagesBox .page1 .title {
|
||||
width: 100%;
|
||||
height: 1.12rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 0.8rem;
|
||||
position: absolute;
|
||||
top: 7.78667rem;
|
||||
left: 0;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .tex,
|
||||
html .h5 .pagesBox .page1 .tex {
|
||||
width: 9.14667rem;
|
||||
height: 1.49333rem;
|
||||
line-height: 0.74667rem;
|
||||
position: absolute;
|
||||
top: 9.25333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
opacity: 0.6;
|
||||
font-size: 0.53333rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .team,
|
||||
html .h5 .pagesBox .page1 .team {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: 1.09333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
opacity: 0.8;
|
||||
position: absolute;
|
||||
}
|
||||
body .h5 .pagesBox .page1 .pageTxte1,
|
||||
html .h5 .pagesBox .page1 .pageTxte1 {
|
||||
width: 6.42667rem;
|
||||
@@ -243,8 +462,8 @@
|
||||
}
|
||||
body .h5 .pagesBox .page1 .downioad,
|
||||
html .h5 .pagesBox .page1 .downioad {
|
||||
width: 5.52rem;
|
||||
height: 1.22667rem;
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
@@ -265,61 +484,37 @@
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: url(../images/h51.png) no-repeat center;
|
||||
background: url(../images/h52.png) no-repeat center;
|
||||
background-size: 10rem 100%;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .pageText2,
|
||||
html .h5 .pagesBox .page2 .pageText2 {
|
||||
width: 10rem;
|
||||
height: 10.85333rem;
|
||||
position: relative;
|
||||
top: 3.44rem;
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
display: none;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .page2_in,
|
||||
html .h5 .pagesBox .page2 .page2_in {
|
||||
width: 10rem;
|
||||
height: 11.65333rem;
|
||||
body .h5 .pagesBox .page2 .title,
|
||||
html .h5 .pagesBox .page2 .title {
|
||||
width: 100%;
|
||||
height: 1.12rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 0.8rem;
|
||||
position: absolute;
|
||||
top: 3.06667rem;
|
||||
left: 0;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .img,
|
||||
html .h5 .pagesBox .page2 .img {
|
||||
position: absolute;
|
||||
width: 10rem;
|
||||
top: 4.77333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 2.50667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .pagetx1,
|
||||
html .h5 .pagesBox .page2 .pagetx1 {
|
||||
width: 6.34667rem;
|
||||
height: 4.10667rem;
|
||||
position: absolute;
|
||||
left: 3.12rem;
|
||||
top: 4.56rem;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .pagetx2,
|
||||
html .h5 .pagesBox .page2 .pagetx2 {
|
||||
width: 6.34667rem;
|
||||
height: 4.10667rem;
|
||||
position: absolute;
|
||||
left: 0.53333rem;
|
||||
top: 9.17333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .downioad,
|
||||
html .h5 .pagesBox .page2 .downioad {
|
||||
width: 5.52rem;
|
||||
height: 1.12rem;
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 1.66667rem;
|
||||
display: block;
|
||||
}
|
||||
body .h5 .pagesBox .page2 .down,
|
||||
html .h5 .pagesBox .page2 .down {
|
||||
width: 0.50667rem;
|
||||
height: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 48%;
|
||||
bottom: 0.26667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3,
|
||||
html .h5 .pagesBox .page3 {
|
||||
@@ -327,77 +522,37 @@
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: url(../images/h51.png) no-repeat center;
|
||||
background: url(../images/h53.png) no-repeat center;
|
||||
background-size: 10rem 100%;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .pageText3,
|
||||
html .h5 .pagesBox .page3 .pageText3 {
|
||||
width: 6.82667rem;
|
||||
height: 1.52rem;
|
||||
position: relative;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
top: 2.8rem;
|
||||
display: none;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .page3_in,
|
||||
html .h5 .pagesBox .page3 .page3_in {
|
||||
width: 10rem;
|
||||
height: 11.65333rem;
|
||||
body .h5 .pagesBox .page3 .title,
|
||||
html .h5 .pagesBox .page3 .title {
|
||||
width: 100%;
|
||||
height: 1.12rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 0.8rem;
|
||||
position: absolute;
|
||||
top: 3.06667rem;
|
||||
left: 0;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .img,
|
||||
html .h5 .pagesBox .page3 .img {
|
||||
position: absolute;
|
||||
width: 10rem;
|
||||
top: 4.77333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 2.50667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .page3Icon1,
|
||||
html .h5 .pagesBox .page3 .page3Icon1 {
|
||||
width: 4.09333rem;
|
||||
height: 2.93333rem;
|
||||
position: absolute;
|
||||
left: 5.68rem;
|
||||
top: 5.65333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .page3Icon2,
|
||||
html .h5 .pagesBox .page3 .page3Icon2 {
|
||||
width: 4.32rem;
|
||||
height: 3.09333rem;
|
||||
position: absolute;
|
||||
left: 0rem;
|
||||
top: 4.85333rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .page3Icon3,
|
||||
html .h5 .pagesBox .page3 .page3Icon3 {
|
||||
width: 4.32rem;
|
||||
height: 3.09333rem;
|
||||
position: absolute;
|
||||
right: 0rem;
|
||||
top: 10rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .page3Icon4,
|
||||
html .h5 .pagesBox .page3 .page3Icon4 {
|
||||
width: 3.78667rem;
|
||||
height: 2.72rem;
|
||||
position: absolute;
|
||||
left: 0rem;
|
||||
top: 11.14667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .downioad,
|
||||
html .h5 .pagesBox .page3 .downioad {
|
||||
width: 5.52rem;
|
||||
height: 1.12rem;
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 1.66667rem;
|
||||
display: block;
|
||||
}
|
||||
body .h5 .pagesBox .page3 .down,
|
||||
html .h5 .pagesBox .page3 .down {
|
||||
width: 0.50667rem;
|
||||
height: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 48%;
|
||||
bottom: 0.26667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page4,
|
||||
html .h5 .pagesBox .page4 {
|
||||
@@ -405,61 +560,37 @@
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: url(../images/h51.png) no-repeat center;
|
||||
background: url(../images/h54.png) no-repeat center;
|
||||
background-size: 10rem 100%;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .pageText4,
|
||||
html .h5 .pagesBox .page4 .pageText4 {
|
||||
width: 6.4rem;
|
||||
height: 1.52rem;
|
||||
position: relative;
|
||||
top: 2.8rem;
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
display: none;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .page4_in,
|
||||
html .h5 .pagesBox .page4 .page4_in {
|
||||
width: 10rem;
|
||||
height: 11.65333rem;
|
||||
body .h5 .pagesBox .page4 .title,
|
||||
html .h5 .pagesBox .page4 .title {
|
||||
width: 100%;
|
||||
height: 1.12rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: 0.8rem;
|
||||
position: absolute;
|
||||
top: 3.06667rem;
|
||||
left: 0;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .img,
|
||||
html .h5 .pagesBox .page4 .img {
|
||||
position: absolute;
|
||||
width: 10rem;
|
||||
top: 4.77333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 2.50667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .page4Icon1,
|
||||
html .h5 .pagesBox .page4 .page4Icon1 {
|
||||
width: 5.57333rem;
|
||||
height: 5.12rem;
|
||||
position: absolute;
|
||||
left: 0rem;
|
||||
top: 5.12rem;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .page4Icon2,
|
||||
html .h5 .pagesBox .page4 .page4Icon2 {
|
||||
width: 5.57333rem;
|
||||
height: 5.12rem;
|
||||
position: absolute;
|
||||
right: 0rem;
|
||||
top: 8.58667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .downioad,
|
||||
html .h5 .pagesBox .page4 .downioad {
|
||||
width: 5.52rem;
|
||||
height: 1.12rem;
|
||||
width: 4.44rem;
|
||||
height: 1.06667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 1.66667rem;
|
||||
display: block;
|
||||
}
|
||||
body .h5 .pagesBox .page4 .down,
|
||||
html .h5 .pagesBox .page4 .down {
|
||||
width: 0.50667rem;
|
||||
height: 0.37333rem;
|
||||
position: absolute;
|
||||
left: 48%;
|
||||
bottom: 0.26667rem;
|
||||
}
|
||||
body .h5 .pagesBox .page5,
|
||||
html .h5 .pagesBox .page5 {
|
||||
@@ -582,7 +713,7 @@
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #fff;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
vertical-align: middle;
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
@@ -728,7 +859,7 @@
|
||||
|
||||
.language_pub .language_pub_in {
|
||||
width: 7.8rem;
|
||||
height: 6.4rem;
|
||||
height: 7.2rem;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
|
||||
@@ -20,272 +20,242 @@
|
||||
html {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// background: linear-gradient(180deg, #8C80F3 0%, #D070F2 100%);
|
||||
background: linear-gradient(180deg, #61C9A0 0%, #309470 100%);
|
||||
font-family: Avenir, Avenir;
|
||||
cursor: pointer;
|
||||
|
||||
// .pc {
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// // background: url(../images/pcBg.png) no-repeat center;
|
||||
// // background-size: px2rem(1920) px2rem(1080);
|
||||
// position: relative;
|
||||
// // display: block;
|
||||
// display: none;
|
||||
|
||||
// .header {
|
||||
// width: 1400px;
|
||||
// height: 108px;
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// top: 0;
|
||||
// transform: translateX(-50%);
|
||||
|
||||
// .logo {
|
||||
// width: px2rem(54);
|
||||
// height: px2rem(54);
|
||||
// position: absolute;
|
||||
// top: px2rem(27);
|
||||
// // left: px2rem(360);
|
||||
// left: 3.8rem;
|
||||
// }
|
||||
|
||||
// .name {
|
||||
// height: 100%;
|
||||
// line-height: px2rem(108);
|
||||
// font-size: px2rem(40);
|
||||
// color: #FFFFFF;
|
||||
// font-weight: 800;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// // left: px2rem(430);
|
||||
// left: 4.73333rem;
|
||||
// }
|
||||
|
||||
// .index {
|
||||
// height: 100%;
|
||||
// line-height: px2rem(108);
|
||||
// font-family: PingFangSC, PingFang SC;
|
||||
// font-weight: 500;
|
||||
// position: absolute;
|
||||
// top: 0;
|
||||
// left: 7.76rem;
|
||||
// font-size: px2rem(28);
|
||||
// color: #fff;
|
||||
|
||||
// span {
|
||||
// width: px2rem(28);
|
||||
// height: px2rem(6);
|
||||
// background: #9168FA;
|
||||
// border-radius: px2rem(6);
|
||||
// position: absolute;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
// top: px2rem(76);
|
||||
// }
|
||||
// }
|
||||
|
||||
// .diamound {
|
||||
// width: px2rem(118);
|
||||
// height: px2rem(48);
|
||||
// line-height: px2rem(48);
|
||||
// color: #FFFFFF;
|
||||
// font-size: px2rem(24);
|
||||
// text-align: center;
|
||||
// background: rgba(255, 255, 255, 0.2);
|
||||
// border-radius: px2rem(48);
|
||||
// box-sizing: border-box;
|
||||
// border: 1px solid #fff;
|
||||
// position: absolute;
|
||||
// right: 3.06667rem;
|
||||
// top: px2rem(30);
|
||||
// vertical-align: middle;
|
||||
|
||||
// img {
|
||||
// display: inline-block;
|
||||
// width: px2rem(30);
|
||||
// height: px2rem(30);
|
||||
// vertical-align: middle;
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// .Box {
|
||||
// position: relative;
|
||||
// // width: px2rem(2720);
|
||||
// width: 28.08rem;
|
||||
// height: px2rem(1506);
|
||||
// overflow: hidden;
|
||||
// top: px2rem(140);
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
// }
|
||||
|
||||
// .pcMarket1 {
|
||||
// width: px2rem(1542/2);
|
||||
// height: px2rem(1506/2);
|
||||
// position: absolute;
|
||||
// left: px2rem(0);
|
||||
// top: px2rem(0);
|
||||
// }
|
||||
|
||||
// .pcText {
|
||||
// width: px2rem(1060/2);
|
||||
// height: px2rem(320/2);
|
||||
// position: absolute;
|
||||
// // left: px2rem(1092);
|
||||
// right: px2rem(0);
|
||||
// top: px2rem(400/2);
|
||||
// }
|
||||
|
||||
// .pcIos {
|
||||
// width: px2rem(284);
|
||||
// height: px2rem(64);
|
||||
// position: absolute;
|
||||
// // left: px2rem(1091);
|
||||
// right: px2rem(484/2);
|
||||
// top: px2rem(816/2);
|
||||
// }
|
||||
|
||||
// .pcAnd {
|
||||
// width: px2rem(284);
|
||||
// height: px2rem(64);
|
||||
// position: absolute;
|
||||
// // left: px2rem(1091);
|
||||
// right: px2rem(484/2);
|
||||
// top: px2rem(1000/2);
|
||||
// }
|
||||
|
||||
// .code {
|
||||
// width: px2rem(160);
|
||||
// height: px2rem(166);
|
||||
// position: absolute;
|
||||
// // left: px2rem(1373);
|
||||
// right: px2rem(100/2);
|
||||
// top: px2rem(806/2);
|
||||
// }
|
||||
|
||||
// .bottom {
|
||||
// text-align: center;
|
||||
// color: #B7B6BE;
|
||||
// font-size: px2rem(16);
|
||||
// width: 100%;
|
||||
// padding: px2rem(29) 0;
|
||||
// position: fixed;
|
||||
// left: 0;
|
||||
// bottom: 0;
|
||||
// background: #0E0B24;
|
||||
// min-height: 1rem;
|
||||
|
||||
// p {
|
||||
// margin-bottom: px2rem(16);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pc-bg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.homePc {
|
||||
width: 100%;
|
||||
height: 10rem;
|
||||
background: url(../images/pcBgBig.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
height: 100vh;
|
||||
position: relative;
|
||||
overflow-y: hidden;
|
||||
|
||||
.diamound {
|
||||
// width: 1.2rem;
|
||||
padding: 0 px2rem(20);
|
||||
height: 0.5rem;
|
||||
line-height: px2rem(35);
|
||||
color: #FFFFFF;
|
||||
font-size: 0.25rem;
|
||||
text-align: center;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
border-radius: px2rem(40);
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #fff;
|
||||
position: absolute;
|
||||
right: px2rem(260);
|
||||
top: 0.3rem;
|
||||
vertical-align: middle;
|
||||
.pagesBox {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
// overflow: hidden;
|
||||
transition: all .5s;
|
||||
transform: translateY(-0%);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(38);
|
||||
height: px2rem(38);
|
||||
vertical-align: middle;
|
||||
margin-top: -0.01rem;
|
||||
.page1 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/pc1.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
|
||||
.logoPc {
|
||||
width: px2rem(202);
|
||||
height: px2rem(70);
|
||||
position: absolute;
|
||||
left: px2rem(64);
|
||||
top: px2rem(28);
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(320);
|
||||
height: px2rem(31);
|
||||
line-height: px2rem(31);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #fff;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(45);
|
||||
|
||||
p {
|
||||
position: relative;
|
||||
|
||||
span {
|
||||
width: px2rem(35);
|
||||
height: px2rem(7);
|
||||
border-radius: px2rem(7);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(-20);
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
}
|
||||
}
|
||||
|
||||
.tex {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
.recharge {
|
||||
width: px2rem(122);
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(32);
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(16);
|
||||
border-radius: px2rem(36);
|
||||
position: absolute;
|
||||
top: px2rem(45);
|
||||
right: px2rem(183);
|
||||
|
||||
img {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: px2rem(2);
|
||||
}
|
||||
|
||||
span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.language {
|
||||
position: absolute;
|
||||
right: px2rem(64);
|
||||
top: px2rem(45);
|
||||
width: px2rem(99);
|
||||
height: px2rem(36);
|
||||
border-radius: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
background: rgba(255, 255, 255, .2);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: px2rem(16);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(60);
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(395);
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(44);
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(500);
|
||||
}
|
||||
|
||||
.h5Ios {
|
||||
width: px2rem(333);
|
||||
height: px2rem(80);
|
||||
position: absolute;
|
||||
left: px2rem(550);
|
||||
top: px2rem(634);
|
||||
}
|
||||
|
||||
.h5And {
|
||||
width: px2rem(333);
|
||||
height: px2rem(80);
|
||||
position: absolute;
|
||||
right: px2rem(550);
|
||||
top: px2rem(634);
|
||||
}
|
||||
|
||||
.team {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
opacity: 0.6;
|
||||
font-size: px2rem(16);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: px2rem(30);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.language {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
height: 0.5rem;
|
||||
line-height: 0.5rem;
|
||||
right: 1rem;
|
||||
top: .3rem;
|
||||
font-size: px2rem(19);
|
||||
font-weight: bold;
|
||||
}
|
||||
.page2 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/pc2.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
|
||||
.privacy {
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
height: 0.5rem;
|
||||
line-height: 0.5rem;
|
||||
left: 6.4rem;
|
||||
top: .3rem;
|
||||
width: 3rem;
|
||||
}
|
||||
.title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(60);
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(65);
|
||||
}
|
||||
|
||||
.pcIos {
|
||||
width: 2.9rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
right: 5rem;
|
||||
top: 5.855rem;
|
||||
// background: url(../images/pcIos.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
}
|
||||
img {
|
||||
position: absolute;
|
||||
width: px2rem(1200);
|
||||
top: px2rem(200);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
.pcAnd {
|
||||
width: 2.9rem;
|
||||
height: 0.64rem;
|
||||
position: absolute;
|
||||
right: 5rem;
|
||||
top: 6.79rem;
|
||||
// background: url(../images/pcAnd.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
.page3 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/pc3.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
|
||||
.bootom {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: #0F0B27;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
padding-bottom: 0.2rem;
|
||||
padding-top: 0.1rem;
|
||||
.title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(60);
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(65);
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0.1rem;
|
||||
// margin-bottom: 0.1rem;
|
||||
font-size: 0.15rem;
|
||||
color: #fff;
|
||||
img {
|
||||
position: absolute;
|
||||
width: px2rem(1200);
|
||||
top: px2rem(200);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
.page4 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../images/pc4.png) no-repeat center center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: px2rem(60);
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(65);
|
||||
}
|
||||
|
||||
img {
|
||||
position: absolute;
|
||||
width: px2rem(1200);
|
||||
top: px2rem(200);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -314,7 +284,7 @@
|
||||
width: 100%;
|
||||
height: px2rem(90);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40);
|
||||
padding: 0 px2rem(32);
|
||||
margin: px2rem(20) auto 0;
|
||||
z-index: 3;
|
||||
|
||||
@@ -328,6 +298,7 @@
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
@@ -349,18 +320,18 @@
|
||||
.diamound {
|
||||
// width: px2rem(140);
|
||||
padding: 0 px2rem(20);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
height: px2rem(60);
|
||||
line-height: px2rem(60);
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #fff;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
vertical-align: middle;
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
float: right;
|
||||
margin-top: px2rem(4);
|
||||
margin-right: px2rem(32);
|
||||
margin-right: px2rem(18);
|
||||
text-align: center;
|
||||
border-radius: px2rem(56);
|
||||
border-radius: px2rem(60);
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
@@ -377,15 +348,24 @@
|
||||
height: px2rem(40);
|
||||
display: block;
|
||||
margin-top: px2rem(12);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.language {
|
||||
float: right;
|
||||
color: #fff;
|
||||
height: px2rem(40);
|
||||
line-height: px2rem(40);
|
||||
margin-top: px2rem(12);
|
||||
width: px2rem(164);
|
||||
height: px2rem(60);
|
||||
border-radius: px2rem(60);
|
||||
line-height: px2rem(60);
|
||||
margin-top: px2rem(4);
|
||||
margin-right: px2rem(20);
|
||||
background: rgba(255, 255, 255, .2);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
|
||||
b {
|
||||
font-size: px2rem(24);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -411,6 +391,80 @@
|
||||
background: url(../images/h51.png) no-repeat center;
|
||||
background-size: px2rem(750) 100%;
|
||||
|
||||
.tab {
|
||||
width: 70%;
|
||||
display: flex;
|
||||
position: absolute;
|
||||
top: px2rem(160);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
justify-content: space-evenly;
|
||||
|
||||
p {
|
||||
color: #FFFFFF;
|
||||
opacity: 0.2;
|
||||
position: relative;
|
||||
font-size: px2rem(32);
|
||||
white-space: nowrap;
|
||||
|
||||
span {
|
||||
width: px2rem(44);
|
||||
height: px2rem(10);
|
||||
border-radius: px2rem(10);
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(-20);
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 100%;
|
||||
height: px2rem(84);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(60);
|
||||
position: absolute;
|
||||
top: px2rem(584);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.tex {
|
||||
width: px2rem(686);
|
||||
height: px2rem(112);
|
||||
line-height: px2rem(56);
|
||||
position: absolute;
|
||||
top: px2rem(694);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
opacity: 0.6;
|
||||
font-size: px2rem(40);
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.team {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
bottom: px2rem(82);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
opacity: 0.8;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.pageTxte1 {
|
||||
width: px2rem(482);
|
||||
height: px2rem(100);
|
||||
@@ -428,8 +482,8 @@
|
||||
}
|
||||
|
||||
.downioad {
|
||||
width: px2rem(414);
|
||||
height: px2rem(92);
|
||||
width: px2rem(333);
|
||||
height: px2rem(80);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
@@ -453,65 +507,37 @@
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: url(../images/h51.png) no-repeat center;
|
||||
background: url(../images/h52.png) no-repeat center;
|
||||
background-size: px2rem(750) 100%;
|
||||
// display: none;
|
||||
|
||||
.pageText2 {
|
||||
width: px2rem(750);
|
||||
height: px2rem(814);
|
||||
position: relative;
|
||||
top: px2rem(258);
|
||||
margin: 0 auto;
|
||||
display: block;
|
||||
display: none;
|
||||
// display: none;
|
||||
.title {
|
||||
width: 100%;
|
||||
height: px2rem(84);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(60);
|
||||
position: absolute;
|
||||
top: px2rem(230);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.page2_in {
|
||||
width: px2rem(750);
|
||||
height: px2rem(874);
|
||||
.img {
|
||||
position: absolute;
|
||||
width: px2rem(750);
|
||||
top: px2rem(358);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
// bottom: px2rem(194);
|
||||
top: px2rem(188);
|
||||
}
|
||||
|
||||
.pagetx1 {
|
||||
width: px2rem(476);
|
||||
height: px2rem(308);
|
||||
position: absolute;
|
||||
left: px2rem(234);
|
||||
top: px2rem(342);
|
||||
// bottom: px2rem(620);
|
||||
}
|
||||
|
||||
.pagetx2 {
|
||||
width: px2rem(476);
|
||||
height: px2rem(308);
|
||||
position: absolute;
|
||||
left: px2rem(40);
|
||||
top: px2rem(688);
|
||||
// bottom: px2rem(300);
|
||||
}
|
||||
|
||||
.downioad {
|
||||
width: px2rem(414);
|
||||
height: px2rem(84);
|
||||
width: px2rem(333);
|
||||
height: px2rem(80);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(125);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.down {
|
||||
width: px2rem(38);
|
||||
height: px2rem(28);
|
||||
position: absolute;
|
||||
left: 48%;
|
||||
// transform: translateX(-50%);
|
||||
bottom: px2rem(20);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -520,86 +546,37 @@
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: url(../images/h51.png) no-repeat center;
|
||||
background: url(../images/h53.png) no-repeat center;
|
||||
background-size: px2rem(750) 100%;
|
||||
// display: none;
|
||||
|
||||
.pageText3 {
|
||||
width: px2rem(512);
|
||||
height: px2rem(114);
|
||||
position: relative;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
top: px2rem(210);
|
||||
display: none;
|
||||
// display: none;
|
||||
.title {
|
||||
width: 100%;
|
||||
height: px2rem(84);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(60);
|
||||
position: absolute;
|
||||
top: px2rem(230);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.page3_in {
|
||||
width: px2rem(750);
|
||||
height: px2rem(874);
|
||||
.img {
|
||||
position: absolute;
|
||||
width: px2rem(750);
|
||||
top: px2rem(358);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(188);
|
||||
// bottom: px2rem(194);
|
||||
}
|
||||
|
||||
.page3Icon1 {
|
||||
width: px2rem(307);
|
||||
height: px2rem(220);
|
||||
position: absolute;
|
||||
left: px2rem(426);
|
||||
top: px2rem(424);
|
||||
// bottom: px2rem(648);
|
||||
}
|
||||
|
||||
.page3Icon2 {
|
||||
width: px2rem(324);
|
||||
height: px2rem(232);
|
||||
position: absolute;
|
||||
left: px2rem(0);
|
||||
top: px2rem(364);
|
||||
// bottom: px2rem(738);
|
||||
}
|
||||
|
||||
.page3Icon3 {
|
||||
width: px2rem(324);
|
||||
height: px2rem(232);
|
||||
position: absolute;
|
||||
// left: px2rem(440);
|
||||
right: px2rem(0);
|
||||
top: px2rem(750);
|
||||
// bottom: px2rem(376);
|
||||
}
|
||||
|
||||
.page3Icon4 {
|
||||
width: px2rem(284);
|
||||
height: px2rem(204);
|
||||
position: absolute;
|
||||
left: px2rem(0);
|
||||
top: px2rem(836);
|
||||
// bottom: px2rem(284);
|
||||
}
|
||||
|
||||
.downioad {
|
||||
width: px2rem(414);
|
||||
height: px2rem(84);
|
||||
width: px2rem(333);
|
||||
height: px2rem(80);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(125);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.down {
|
||||
width: px2rem(38);
|
||||
height: px2rem(28);
|
||||
position: absolute;
|
||||
left: 48%;
|
||||
// transform: translateX(-50%);
|
||||
bottom: px2rem(20);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -608,65 +585,37 @@
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background: url(../images/h51.png) no-repeat center;
|
||||
background: url(../images/h54.png) no-repeat center;
|
||||
background-size: px2rem(750) 100%;
|
||||
// display: none;
|
||||
|
||||
.pageText4 {
|
||||
width: px2rem(480);
|
||||
height: px2rem(114);
|
||||
position: relative;
|
||||
top: px2rem(210);
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
display: none;
|
||||
.title {
|
||||
width: 100%;
|
||||
height: px2rem(84);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
font-size: px2rem(60);
|
||||
position: absolute;
|
||||
top: px2rem(230);
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.page4_in {
|
||||
width: px2rem(750);
|
||||
height: px2rem(874);
|
||||
.img {
|
||||
position: absolute;
|
||||
width: px2rem(750);
|
||||
top: px2rem(358);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(188);
|
||||
// bottom: px2rem(194);
|
||||
}
|
||||
|
||||
.page4Icon1 {
|
||||
width: px2rem(418);
|
||||
height: px2rem(384);
|
||||
position: absolute;
|
||||
left: px2rem(0);
|
||||
top: px2rem(384);
|
||||
// bottom: px2rem(224);
|
||||
}
|
||||
|
||||
.page4Icon2 {
|
||||
width: px2rem(418);
|
||||
height: px2rem(384);
|
||||
position: absolute;
|
||||
right: px2rem(0);
|
||||
top: px2rem(644);
|
||||
// bottom: px2rem(224);
|
||||
}
|
||||
|
||||
.downioad {
|
||||
width: px2rem(414);
|
||||
height: px2rem(84);
|
||||
width: px2rem(333);
|
||||
height: px2rem(80);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: px2rem(125);
|
||||
display: block;
|
||||
}
|
||||
|
||||
.down {
|
||||
width: px2rem(38);
|
||||
height: px2rem(28);
|
||||
position: absolute;
|
||||
left: 48%;
|
||||
// transform: translateX(-50%);
|
||||
bottom: px2rem(20);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -800,7 +749,8 @@
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #fff;
|
||||
// border: 1px solid #fff;
|
||||
background: linear-gradient(270deg, #E29030 0%, #FCC074 100%);
|
||||
vertical-align: middle;
|
||||
color: #fff;
|
||||
font-size: px2rem(24);
|
||||
@@ -952,7 +902,7 @@
|
||||
|
||||
.language_pub_in {
|
||||
width: 7.8rem;
|
||||
height: px2rem(480);
|
||||
height: px2rem(540);
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
position: absolute;
|
||||
@@ -994,5 +944,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 4.1 KiB |
BIN
view/molistar/home/images/h2img.png
Normal file
BIN
view/molistar/home/images/h2img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 189 KiB |
BIN
view/molistar/home/images/h3img.png
Normal file
BIN
view/molistar/home/images/h3img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 496 KiB |
BIN
view/molistar/home/images/h4img.png
Normal file
BIN
view/molistar/home/images/h4img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 693 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 379 KiB After Width: | Height: | Size: 84 KiB |
BIN
view/molistar/home/images/h52.png
Normal file
BIN
view/molistar/home/images/h52.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
view/molistar/home/images/h53.png
Normal file
BIN
view/molistar/home/images/h53.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
view/molistar/home/images/h54.png
Normal file
BIN
view/molistar/home/images/h54.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB After Width: | Height: | Size: 4.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 3.7 KiB |
BIN
view/molistar/home/images/logoPc.png
Normal file
BIN
view/molistar/home/images/logoPc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.2 KiB |
BIN
view/molistar/home/images/pc1.png
Normal file
BIN
view/molistar/home/images/pc1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
view/molistar/home/images/pc2.png
Normal file
BIN
view/molistar/home/images/pc2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 796 KiB |
BIN
view/molistar/home/images/pc2img.png
Normal file
BIN
view/molistar/home/images/pc2img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
BIN
view/molistar/home/images/pc3.png
Normal file
BIN
view/molistar/home/images/pc3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 880 KiB |
BIN
view/molistar/home/images/pc3img.png
Normal file
BIN
view/molistar/home/images/pc3img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 560 KiB |
BIN
view/molistar/home/images/pc4.png
Normal file
BIN
view/molistar/home/images/pc4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 844 KiB |
BIN
view/molistar/home/images/pc4img.png
Normal file
BIN
view/molistar/home/images/pc4img.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 913 KiB |
@@ -16,28 +16,14 @@
|
||||
<meta property="og:image:type" content="image/png">
|
||||
<link rel="stylesheet" href="../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/animate.css">
|
||||
<link rel="stylesheet" href="./css/index.css?v=1.2">
|
||||
<link rel="stylesheet" href="./css/index.css?v=1.22">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- pc端 -->
|
||||
<div class="container pc">
|
||||
<div class="pc-bg">
|
||||
<!-- <img src="./images/homePc.png" alt=""> -->
|
||||
<div class="homePc">
|
||||
<div class="diamound">
|
||||
<img src="./images/diamond.png" alt=""> <b class="text3"></b>
|
||||
</div>
|
||||
<!-- 隐私政策 -->
|
||||
<a class="privacy" href="../modules/rule/privacy-wap.html"></a>
|
||||
<!-- 语言 -->
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="pcIos"></div>
|
||||
<div class="pcAnd"></div>
|
||||
</div>
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
</div>
|
||||
<div class="pagesBox pcText">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- h5端 -->
|
||||
@@ -50,41 +36,28 @@
|
||||
<div class="name">MoliStar</div>
|
||||
<!-- 更多 -->
|
||||
<img src="./images/more.png" alt="" class="more">
|
||||
<!-- 语言 -->
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<!-- 儲值 -->
|
||||
<div class="diamound">
|
||||
<img src="./images/diamond.png" alt=""> <b class="text3"></b>
|
||||
</div>
|
||||
<!-- 语言 -->
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<!-- 線 -->
|
||||
<div class="line"></div>
|
||||
|
||||
</div>
|
||||
<div class="pagesBox">
|
||||
<!-- 頁面1 -->
|
||||
<div class="pages page1 animate__animated" id="img2">
|
||||
|
||||
</div>
|
||||
<div class="pages page1" id="img2"></div>
|
||||
|
||||
<!-- 頁面2 -->
|
||||
<div class="pages page2" id="img3">
|
||||
|
||||
</div>
|
||||
<div class="pages page2" id="img3"></div>
|
||||
|
||||
<!-- 頁面3 -->
|
||||
<div class="pages page3" id="img4">
|
||||
|
||||
</div>
|
||||
<div class="pages page3" id="img4"></div>
|
||||
|
||||
<!-- 頁面4 -->
|
||||
<div class="pages page4" id="img5">
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 頁面5 -->
|
||||
<div class="pages page5" id="img6">
|
||||
|
||||
</div>
|
||||
<div class="pages page4" id="img5"></div>
|
||||
</div>
|
||||
|
||||
<!-- 菜單 -->
|
||||
@@ -155,6 +128,7 @@
|
||||
<li data="zh">中文</li>
|
||||
<li data="en">English</li>
|
||||
<li data="ar">العربية</li>
|
||||
<li data="tr">Türkiye</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -167,7 +141,8 @@
|
||||
<script src="./local/ar.js?v=1.0"></script>
|
||||
<script src="./local/en.js?v=1.0"></script>
|
||||
<script src="./local/zh.js?v=1.0"></script>
|
||||
<script src="./js/index.js?v=2.123"></script>
|
||||
<script src="./local/tr.js?v=1.0"></script>
|
||||
<script src="./js/index.js?v=2.1231"></script>
|
||||
<script src="../common/local/langHandler.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -40,16 +40,15 @@ $(function () {
|
||||
$(document).ready(function () {
|
||||
var deviceWidth = document.documentElement.clientWidth;
|
||||
if (deviceWidth > 768) {
|
||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||
document.documentElement.style.fontSize = deviceWidth / 25 + 'px';
|
||||
} else {
|
||||
// document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
}
|
||||
});
|
||||
window.onresize = function () {
|
||||
var deviceWidth = document.documentElement.clientWidth;
|
||||
// console.log('deviceWidth', deviceWidth);
|
||||
if (deviceWidth > 768) {
|
||||
document.documentElement.style.fontSize = deviceWidth / 19.20 + 'px';
|
||||
document.documentElement.style.fontSize = deviceWidth / 25 + 'px';
|
||||
} else {
|
||||
// document.documentElement.style.fontSize = deviceWidth / 7.50 + 'px';
|
||||
}
|
||||
@@ -93,6 +92,9 @@ $(function () {
|
||||
} else if (langCode == 'ar') {
|
||||
$('.privacy').css('left', '7.4rem')
|
||||
$('.language').html('<b>العربية</b> ▼')
|
||||
} else if (langCode == 'tr') {
|
||||
$('.privacy').css('left', '7.4rem')
|
||||
$('.language').html('<b>Türkiye</b> ▼')
|
||||
} else {
|
||||
$('.privacy').css('left', '7.4rem')
|
||||
$('.language').html('<b>English</b> ▼')
|
||||
@@ -108,6 +110,9 @@ $(function () {
|
||||
})
|
||||
|
||||
function translateFun() {
|
||||
var langCode = getQueryString().lang ? getQueryString().lang : getLanguageCode(getUserLanguage());
|
||||
langCode = getLanguageCode(langCode);
|
||||
langCodes = langCode
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.demoModule.text1))
|
||||
@@ -124,10 +129,61 @@ function translateFun() {
|
||||
$('#img4').html(langReplace(localLang.demoModule.img4))
|
||||
$('#img5').html(langReplace(localLang.demoModule.img5))
|
||||
$('#img6').html(langReplace(localLang.demoModule.img6))
|
||||
$('.pcText').html(langReplace(localLang.demoModule.pcText))
|
||||
// 选择语言
|
||||
$('.language').click(function () {
|
||||
$('.language_pub').show();
|
||||
})
|
||||
if (langCode == 'zh') {
|
||||
$('.language').html('<b>中文</b> ▼')
|
||||
} else if (langCode == 'ar') {
|
||||
// $('.privacy').css('left', '7.4rem')
|
||||
$('.language').html('<b>العربية</b> ▼')
|
||||
} else if (langCode == 'tr') {
|
||||
// $('.privacy').css('left', '7.4rem')
|
||||
$('.language').html('<b>Türkiye</b> ▼')
|
||||
} else {
|
||||
// $('.privacy').css('left', '7.4rem')
|
||||
$('.language').html('<b>English</b> ▼')
|
||||
}
|
||||
// 监听滚轮事件
|
||||
var timeInterval = null;
|
||||
var pcIndex = 0;
|
||||
var pcTouchLength = 100;
|
||||
var pcLength = $('body .container .pagesBox .pagesPc').length - 1;
|
||||
window.addEventListener('wheel', function (event) {
|
||||
// 清除上一次的定时器
|
||||
clearTimeout(timeInterval);
|
||||
|
||||
// 设置新的定时器，延迟执行滚动处理
|
||||
timeInterval = setTimeout(function () {
|
||||
// 阻止默认的滚动行为（如果需要）
|
||||
event.preventDefault();
|
||||
// 检测滚动方向
|
||||
if (event.deltaY > 0) {
|
||||
// 向下滚动
|
||||
console.log('向下滚动');
|
||||
if (index > pcLength - 1) {
|
||||
return;
|
||||
} else {
|
||||
index = index + 1;
|
||||
$('body .container .pagesBox').css("transform", `translateY(-${index * pcTouchLength}%)`);
|
||||
// animatedImplementFun(index);
|
||||
}
|
||||
} else {
|
||||
// 向上滚动
|
||||
console.log('向上滚动');
|
||||
if (index > 0) {
|
||||
index = index - 1;
|
||||
$('body .container .pagesBox').css("transform", `translateY(-${index * pcTouchLength}%)`);
|
||||
// animatedImplementFun(index);
|
||||
}
|
||||
}
|
||||
}, 100); // 100ms 的延迟，可以根据需要调整
|
||||
}, { passive: false }); // 禁止默认滚动行为
|
||||
// pc跳轉充值
|
||||
$('body .pc .header .diamound, html .pc .header .diamound,body .homePc .diamound, html .homePc .diamound').click(function () {
|
||||
window.location = `${urlPrefix}/molistar/modules/payPc/index.html?channelType=4&lang=${langCodes}`
|
||||
$('body .container .pagesBox').on('click', '.page1 .recharge', function () {
|
||||
window.location = `${urlPrefix}/molistar/modules/pay/index.html?channelType=4&lang=${langCodes}`
|
||||
})
|
||||
// PC蘋果下載按鈕
|
||||
$('html .pc .pcIos').click(function () {
|
||||
@@ -178,6 +234,9 @@ function translateFun() {
|
||||
location.href = `../modules/rule/privacy-wap.html`
|
||||
}
|
||||
})
|
||||
$('html .h5 .pagesBox .page1 .tab .privacy').click(function () {
|
||||
location.href = `../modules/rule/privacy-wap.html`
|
||||
})
|
||||
// 關閉聯繫我們彈窗
|
||||
$('body .contactUs_pub .contactUs_pub_in .sClose').click(function () {
|
||||
$('.contactUs_pub').hide();
|
||||
@@ -249,7 +308,7 @@ function getConfig() {
|
||||
url = and;
|
||||
$('body .h5 .pagesBox .pages .downioad').attr('src', './images/h5And.png');
|
||||
}
|
||||
$('body .h5 .pagesBox .page2 .downioad,body .h5 .pagesBox .page3 .downioad,body .h5 .pagesBox .page4 .downioad').attr('src', './images/downioad.png');
|
||||
// $('body .h5 .pagesBox .page2 .downioad,body .h5 .pagesBox .page3 .downioad,body .h5 .pagesBox .page4 .downioad').attr('src', './images/downioad.png');
|
||||
$('.pc-bg').show();
|
||||
hideLoading(layerIndex)
|
||||
animatedImplementFun(0);
|
||||
@@ -259,10 +318,13 @@ function getConfig() {
|
||||
}
|
||||
})
|
||||
}
|
||||
// 选择语言
|
||||
$('.language').click(function () {
|
||||
$('.language_pub').show();
|
||||
$('body .container .pagesBox').on('click', '.page1 .h5Ios', function () {
|
||||
window.location.href = ios;
|
||||
})
|
||||
$('body .container .pagesBox').on('click', '.page1 .h5And', function () {
|
||||
window.location.href = and;
|
||||
})
|
||||
|
||||
// 关闭语言
|
||||
$('.language_pub .language_pub_in .sClose').click(function () {
|
||||
$('.language_pub').hide();
|
||||
@@ -302,7 +364,7 @@ $('body .h5').on('touchend', function (e) {
|
||||
} else {
|
||||
index = index + 1;
|
||||
$('.pagesBox').css("transform", `translateY(-${index * touchLength}%)`);
|
||||
animatedImplementFun(index);
|
||||
// animatedImplementFun(index);
|
||||
}
|
||||
}
|
||||
//下滑
|
||||
@@ -310,7 +372,7 @@ $('body .h5').on('touchend', function (e) {
|
||||
if (index > 0) {
|
||||
index = index - 1;
|
||||
$('.pagesBox').css("transform", `translateY(-${index * touchLength}%)`);
|
||||
animatedImplementFun(index);
|
||||
// animatedImplementFun(index);
|
||||
}
|
||||
}
|
||||
})
|
||||
@@ -350,14 +412,14 @@ function animatedImplementFun(index) {
|
||||
}
|
||||
// 處理動畫
|
||||
function animatedFun(dom, arrClass) {
|
||||
// 獲取元素
|
||||
const element = dom;
|
||||
// 添加動畫
|
||||
element.addClass(...arrClass);
|
||||
// 監聽動畫結束
|
||||
element[0].addEventListener('animationend', () => {
|
||||
element.removeClass(...arrClass);
|
||||
});
|
||||
// // // 獲取元素
|
||||
// const element = dom;
|
||||
// // 添加動畫
|
||||
// element.addClass(...arrClass);
|
||||
// // 監聽動畫結束
|
||||
// element[0].addEventListener('animationend', () => {
|
||||
// element.removeClass(...arrClass);
|
||||
// });
|
||||
}
|
||||
|
||||
// 禁止瀏覽器下拉刷新
|
||||
@@ -369,6 +431,7 @@ function handleResize() {
|
||||
location.reload()
|
||||
// 这里可以添加更多的逻辑，比如检查窗口的新尺寸
|
||||
}
|
||||
|
||||
// 监听窗口大小变化事件
|
||||
window.addEventListener('resize', handleResize);
|
||||
window.addEventListener('resize', handleResize);
|
||||
|
||||
|
||||
|
||||
@@ -2,55 +2,74 @@
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
text1: `MoliStar، اللقاء مع الصوت المؤثر بالقلب بشكل غير متوقع`,
|
||||
text2: `الدردشة، واللعب، وتكوين الصداقات، في أي وقت وفي أي مكان على MoliStar`,
|
||||
text3: `إعادة الشحن`,
|
||||
text1: `MoliStar, لقاء مع الصوت المؤثر بشكل غير متوقع`,
|
||||
text2: `الدردشة، اللعب، تكوين صداقات، في أي وقت، في أي مكان على MoliStar`,
|
||||
text3: `إعادة شحن`,
|
||||
text4: `الصفحة الرئيسية`,
|
||||
text5: `المحفظة`,
|
||||
text6: `اتصل بنا`,
|
||||
text7: `سياسة الخصوصية `,
|
||||
textss: `الرجاء تحديد لغة.`,
|
||||
text7: `سياسة الخصوصية`,
|
||||
textss: `يرجى اختيار اللغة.`,
|
||||
homePc: `background:url(./images/pcBgBig-ar.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
<img style="width: 7.42667rem;" src="./images/pageTxte1-ar.png" alt="" class="pageTxte1 animate__animated animate__slow__3s">
|
||||
<img style="width: 7.42667rem;" src="./images/pageTxte2-ar.png" alt="" class="pageTxte2 animate__animated animate__slow__3s">
|
||||
<!-- <img src="./images/h5And-ar.png" alt="" class="h5And animate__animated animate__slow__1.8s"> -->
|
||||
<img style="display: none;" src="" alt="" class="downioad animate__animated animate__slow__1.8s">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow">
|
||||
<div class="tab">
|
||||
<p class="act">الصفحة الرئيسية<span></span></p>
|
||||
<p class="privacy">سياسة الخصوصية</p>
|
||||
</div>
|
||||
<div class="title">انضم إلى MoliStar</div>
|
||||
<div class="tex">استمع إلى الأصوات الجميلة وابحث عن رفقة جديدة</div>
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated ">
|
||||
<div class="team">فريق Molistar</div>
|
||||
`,
|
||||
img3: `
|
||||
<img src="./images/pageText2-ar.png" alt="" class="pageText2 animate__animated ">
|
||||
<img src="./images/page2-ar.png" alt="" class="page2_in">
|
||||
<img src="./images/pagetx1-ar.png" alt="" class="pagetx1 animate__animated ">
|
||||
<img src="./images/pagetx2-ar.png" alt="" class="pagetx2 animate__animated ">
|
||||
<img src="./images/downioad-ar.png" alt="" class="downioad animate__animated ">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">
|
||||
`,
|
||||
<div class="title">انضم إلى MoliStar</div>
|
||||
<img class="img" src="./images/h2img.png" alt="">`,
|
||||
img4: `
|
||||
<img src="./images/pageText3-ar.png" alt="" class="pageText3 animate__animated">
|
||||
<img src="./images/page3-ar.png" alt="" class="page3_in">
|
||||
<img src="./images/page3Icon1-ar.png" alt="" class="page3Icon1 animate__animated animate__delay-2s">
|
||||
<img src="./images/page3Icon2-ar.png" alt="" class="page3Icon2 animate__animated animate__delay-1s">
|
||||
<img src="./images/page3Icon3-ar.png" alt="" class="page3Icon3 animate__animated animate__delay-4s">
|
||||
<img src="./images/page3Icon4-ar.png" alt="" class="page3Icon4 animate__animated animate__delay-3s">
|
||||
<img src="./images/downioad-ar.png" alt="" class="downioad animate__animated">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">
|
||||
`,
|
||||
<div class="title">استمتع</div>
|
||||
<img class="img" src="./images/h3img.png" alt="">`,
|
||||
img5: `
|
||||
<img src="./images/pageText4-ar.png" alt="" class="pageText4 animate__animated">
|
||||
<img src="./images/page4-ar.png" alt="" class="page4_in">
|
||||
<img src="./images/page4Icon2-ar.png" alt="" class="page4Icon2 animate__animated">
|
||||
<img src="./images/page4Icon1-ar.png" alt="" class="page4Icon1 animate__animated">
|
||||
<img src="./images/downioad-ar.png" alt="" class="downioad animate__animated">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">
|
||||
`,
|
||||
<div class="title">حفلة صوتية</div>
|
||||
<img class="img" src="./images/h4img.png" alt="">`,
|
||||
img6: `
|
||||
<img style="width: 6.61333rem;" src="./images/pageTxte5-ar.png" alt="" class="pageTxte5 animate__animated">
|
||||
<img style="width: 4.62667rem;" src="./images/contactUs-ar.png" alt="" class="contactUs animate__animated">
|
||||
<img style="width: 6.61333rem;" src="./images/pageTxte5-ar.png" alt="" class="pageTxte5 animate__animated">
|
||||
<img style="width: 4.2rem;" src="./images/contactUs-ar.png" alt="" class="contactUs animate__animated">
|
||||
<img src="./images/downioad-ar.png" alt="" class="downioad animate__animated">
|
||||
<!-- <img src="./images/down.png" alt="" class="down"> -->
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
</div>`,
|
||||
<p>فريق Molistar</p>
|
||||
</div>`, pcText: `
|
||||
<div class="page1 pagesPc">
|
||||
<img src="./images/logoPc.png" alt="" class="logoPc">
|
||||
<div class="tab">
|
||||
<p class="act">الصفحة الرئيسية <span></span></p>
|
||||
<a href="../modules/rule/privacy-wap.html">
|
||||
<p class="tex">سياسة الخصوصية</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recharge">
|
||||
<img src="./images/diamond.png" alt=""><span>إعادة شحن</span>
|
||||
</div>
|
||||
<!-- اللغة -->
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="title">انضم إلى MoliStar</div>
|
||||
<h3>استمع إلى الأصوات الجميلة وابحث عن رفقة جديدة</h3>
|
||||
<img src="./images/h5Ios.png" alt="" class="h5Ios">
|
||||
<img src="./images/h5And.png" alt="" class="h5And">
|
||||
<div class="team">Molistar Team</div>
|
||||
</div>
|
||||
<div class="page2 pagesPc">
|
||||
<div class="title">روح مثيرة للاهتمام</div>
|
||||
<img src="./images/pc2img.png" alt="">
|
||||
</div>
|
||||
<div class="page3 pagesPc">
|
||||
<div class="title">استمتع</div>
|
||||
<img src="./images/pc3img.png" alt="">
|
||||
</div>
|
||||
<div class="page4 pagesPc">
|
||||
<div class="title">حفلة صوتية</div>
|
||||
<img src="./images/pc4img.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -11,38 +11,24 @@ langEn = {
|
||||
textss: `Please select a language.`,
|
||||
homePc: `background:url(./images/pcBgBig-en.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
<img style="width: 7.6rem;" src="./images/pageTxte1-en.png" alt="" class="pageTxte1 animate__animated animate__slow__3s">
|
||||
<img style="width: 8.1rem;" src="./images/pageTxte2-en.png" alt="" class="pageTxte2 animate__animated animate__slow__3s">
|
||||
<!-- <img src="./images/h5And-en.png" alt="" class="h5And animate__animated animate__slow__1.8s"> -->
|
||||
<img style="display: none;" src="" alt="" class="downioad animate__animated animate__slow__1.8s">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow">
|
||||
<div class="tab">
|
||||
<p class="act">Homepage<span></span></p>
|
||||
<p class="privacy">Privacy Policy</p>
|
||||
</div>
|
||||
<div class="title">Join MoliStar</div>
|
||||
<div class="tex">Hear good voices and find new companionship</div>
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated ">
|
||||
<div class="team">Molistar Team</div>
|
||||
`,
|
||||
img3: `
|
||||
<img src="./images/pageText2-en.png" alt="" class="pageText2 animate__animated ">
|
||||
<img src="./images/page2-en.png" alt="" class="page2_in">
|
||||
<img src="./images/pagetx1-en.png" alt="" class="pagetx1 animate__animated ">
|
||||
<img src="./images/pagetx2-en.png" alt="" class="pagetx2 animate__animated ">
|
||||
<img src="./images/downioad-en.png" alt="" class="downioad animate__animated ">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">
|
||||
`,
|
||||
<div class="title">Join MoliStar</div>
|
||||
<img class="img" src="./images/h2img.png" alt="">`,
|
||||
img4: `
|
||||
<img src="./images/pageText3-en.png" alt="" class="pageText3 animate__animated">
|
||||
<img src="./images/page3-en.png" alt="" class="page3_in">
|
||||
<img src="./images/page3Icon1-en.png" alt="" class="page3Icon1 animate__animated animate__delay-2s">
|
||||
<img src="./images/page3Icon2-en.png" alt="" class="page3Icon2 animate__animated animate__delay-1s">
|
||||
<img src="./images/page3Icon3-en.png" alt="" class="page3Icon3 animate__animated animate__delay-4s">
|
||||
<img src="./images/page3Icon4-en.png" alt="" class="page3Icon4 animate__animated animate__delay-3s">
|
||||
<img src="./images/downioad-en.png" alt="" class="downioad animate__animated">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">
|
||||
`,
|
||||
<div class="title">Have Fun</div>
|
||||
<img class="img" src="./images/h3img.png" alt="">`,
|
||||
img5: `
|
||||
<img src="./images/pageText4-en.png" alt="" class="pageText4 animate__animated">
|
||||
<img src="./images/page4-en.png" alt="" class="page4_in">
|
||||
<img src="./images/page4Icon2-en.png" alt="" class="page4Icon2 animate__animated">
|
||||
<img src="./images/page4Icon1-en.png" alt="" class="page4Icon1 animate__animated">
|
||||
<img src="./images/downioad-en.png" alt="" class="downioad animate__animated">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">
|
||||
`,
|
||||
<div class="title">Voice Party</div>
|
||||
<img class="img" src="./images/h4img.png" alt="">`,
|
||||
img6: `
|
||||
<img style="width: 6.61333rem;" src="./images/pageTxte5-en.png" alt="" class="pageTxte5 animate__animated">
|
||||
<img style="width: 4.2rem;" src="./images/contactUs-en.png" alt="" class="contactUs animate__animated">
|
||||
@@ -51,5 +37,39 @@ langEn = {
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
</div>`,
|
||||
pcText: `
|
||||
<div class="page1 pagesPc">
|
||||
<img src="./images/logoPc.png" alt="" class="logoPc">
|
||||
<div class="tab">
|
||||
<p class="act">Homepage <span></span></p>
|
||||
<a href="../modules/rule/privacy-wap.html">
|
||||
<p class="tex">Privacy Policy</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recharge">
|
||||
<img src="./images/diamond.png" alt=""><span>Recharge</span>
|
||||
</div>
|
||||
<!-- 语言 -->
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="title">Join MoliStar</div>
|
||||
<h3>Hear good voices and find new companionship</h3>
|
||||
<img src="./images/h5Ios.png" alt="" class="h5Ios">
|
||||
<img src="./images/h5And.png" alt="" class="h5And">
|
||||
<div class="team">Molistar Team</div>
|
||||
</div>
|
||||
<div class="page2 pagesPc">
|
||||
<div class="title">Interesting Soul</div>
|
||||
<img src="./images/pc2img.png" alt="">
|
||||
</div>
|
||||
<div class="page3 pagesPc">
|
||||
<div class="title">Have Fun</div>
|
||||
<img src="./images/pc3img.png" alt="">
|
||||
</div>
|
||||
<div class="page4 pagesPc">
|
||||
<div class="title">Voice Party</div>
|
||||
<img src="./images/pc4img.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
}
|
||||
}
|
||||
75
view/molistar/home/local/tr.js
Normal file
75
view/molistar/home/local/tr.js
Normal file
@@ -0,0 +1,75 @@
|
||||
// 英文
|
||||
langTr = {
|
||||
demoModule: {
|
||||
text1: `MoliStar, kalp kırıcı sesle beklenmedik bir karşılaşma`,
|
||||
text2: `Sohbet et, oyun oyna, arkadaşlar edin, MoliStar'da her zaman, her yerde`,
|
||||
text3: `Yükle`,
|
||||
text4: `Anasayfa`,
|
||||
text5: `Cüzdan`,
|
||||
text6: `Bize Ulaşın`,
|
||||
text7: `Gizlilik Politikası`,
|
||||
textss: `Lütfen bir dil seçin.`,
|
||||
homePc: `background:url(./images/pcBgBig-tr.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
<div class="tab">
|
||||
<p class="act">Anasayfa<span></span></p>
|
||||
<p class="privacy">Gizlilik Politikası</p>
|
||||
</div>
|
||||
<div class="title">MoliStar'a Katıl</div>
|
||||
<div class="tex">İyi sesler dinleyin ve yeni bir arkadaşlık bulun</div>
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated ">
|
||||
<div class="team">Molistar Ekibi</div>
|
||||
`,
|
||||
img3: `
|
||||
<div class="title">MoliStar'a Katıl</div>
|
||||
<img class="img" src="./images/h2img.png" alt="">`,
|
||||
img4: `
|
||||
<div class="title">Eğlen</div>
|
||||
<img class="img" src="./images/h3img.png" alt="">`,
|
||||
img5: `
|
||||
<div class="title">Sesli Parti</div>
|
||||
<img class="img" src="./images/h4img.png" alt="">`,
|
||||
img6: `
|
||||
<img style="width: 6.61333rem;" src="./images/pageTxte5-tr.png" alt="" class="pageTxte5 animate__animated">
|
||||
<img style="width: 4.2rem;" src="./images/contactUs-tr.png" alt="" class="contactUs animate__animated">
|
||||
<img src="./images/downioad-tr.png" alt="" class="downioad animate__animated">
|
||||
<div class="bootom">
|
||||
<p>Molistar Ekibi</p>
|
||||
</div>`,
|
||||
pcText: `
|
||||
<div class="page1 pagesPc">
|
||||
<img src="./images/logoPc.png" alt="" class="logoPc">
|
||||
<div class="tab">
|
||||
<p class="act">Anasayfa <span></span></p>
|
||||
<a href="../modules/rule/privacy-wap.html">
|
||||
<p class="tex">Gizlilik Politikası</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recharge">
|
||||
<img src="./images/diamond.png" alt=""><span>Yükle</span>
|
||||
</div>
|
||||
<!-- Dil -->
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="title">MoliStar'a Katıl</div>
|
||||
<h3>İyi sesler dinleyin ve yeni bir arkadaşlık bulun</h3>
|
||||
<img src="./images/h5Ios.png" alt="" class="h5Ios">
|
||||
<img src="./images/h5And.png" alt="" class="h5And">
|
||||
<div class="team">Molistar Team</div>
|
||||
</div>
|
||||
<div class="page2 pagesPc">
|
||||
<div class="title">İlginç Ruh</div>
|
||||
<img src="./images/pc2img.png" alt="">
|
||||
</div>
|
||||
<div class="page3 pagesPc">
|
||||
<div class="title">Eğlen</div>
|
||||
<img src="./images/pc3img.png" alt="">
|
||||
</div>
|
||||
<div class="page4 pagesPc">
|
||||
<div class="title">Sesli Parti</div>
|
||||
<img src="./images/pc4img.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
},
|
||||
|
||||
}
|
||||
@@ -2,52 +2,75 @@
|
||||
langZh = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
text1: `MoliStar，與心動聲音不期而遇`,
|
||||
text2: `聊天玩遊戲交朋友，隨時隨地在MoliStar`,
|
||||
text3: `儲值`,
|
||||
text1: `MoliStar，與觸動心靈的聲音意外相遇`,
|
||||
text2: `聊天、玩遊戲、交朋友，在 MoliStar 隨時隨地`,
|
||||
text3: `充值`,
|
||||
text4: `首頁`,
|
||||
text5: `錢包`,
|
||||
text6: `聯繫我們`,
|
||||
text7: `隱私政策 `,
|
||||
textss: `请选择语言`,
|
||||
homePc: `background:url(./images/pcBgBig.png) no-repeat;background-size:100% 100%;`,
|
||||
text7: `隱私政策`,
|
||||
textss: `請選擇語言。`,
|
||||
homePc: `background:url(./images/pcBgBig-zh.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
<img src="./images/pageTxte1.png" alt="" class="pageTxte1 animate__animated animate__slow__3s">
|
||||
<img src="./images/pageTxte2.png" alt="" class="pageTxte2 animate__animated animate__slow__3s">
|
||||
<!-- <img src="./images/h5And.png" alt="" class="h5And animate__animated animate__slow__1.8s"> -->
|
||||
<img style="display: none;" src="" alt="" class="downioad animate__animated animate__slow__1.8s">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow">
|
||||
`,
|
||||
<div class="tab">
|
||||
<p class="act">首頁<span></span></p>
|
||||
<p class="privacy">隱私政策</p>
|
||||
</div>
|
||||
<div class="title">加入 MoliStar</div>
|
||||
<div class="tex">聽到美好的聲音，並找到新的陪伴</div>
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated ">
|
||||
<div class="team">Molistar 團隊</div>
|
||||
`,
|
||||
img3: `
|
||||
<img src="./images/pageText2.png" alt="" class="pageText2 animate__animated ">
|
||||
<img src="./images/page2.png" alt="" class="page2_in">
|
||||
<img src="./images/pagetx1.png" alt="" class="pagetx1 animate__animated ">
|
||||
<img src="./images/pagetx2.png" alt="" class="pagetx2 animate__animated ">
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated ">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">`,
|
||||
<div class="title">加入 MoliStar</div>
|
||||
<img class="img" src="./images/h2img.png" alt="">`,
|
||||
img4: `
|
||||
<img src="./images/pageText3.png" alt="" class="pageText3 animate__animated">
|
||||
<img src="./images/page3.png" alt="" class="page3_in">
|
||||
<img src="./images/page3Icon1.png" alt="" class="page3Icon1 animate__animated animate__delay-2s">
|
||||
<img src="./images/page3Icon2.png" alt="" class="page3Icon2 animate__animated animate__delay-1s">
|
||||
<img src="./images/page3Icon3.png" alt="" class="page3Icon3 animate__animated animate__delay-4s">
|
||||
<img src="./images/page3Icon4.png" alt="" class="page3Icon4 animate__animated animate__delay-3s">
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">`,
|
||||
<div class="title">盡情玩樂</div>
|
||||
<img class="img" src="./images/h3img.png" alt="">`,
|
||||
img5: `
|
||||
<img src="./images/pageText4.png" alt="" class="pageText4 animate__animated">
|
||||
<img src="./images/page4.png" alt="" class="page4_in">
|
||||
<img src="./images/page4Icon2.png" alt="" class="page4Icon2 animate__animated">
|
||||
<img src="./images/page4Icon1.png" alt="" class="page4Icon1 animate__animated">
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
||||
<img src="./images/down.png" alt="" class="down animate__animated animate__slideInDown animate__slow ">`,
|
||||
<div class="title">語音派對</div>
|
||||
<img class="img" src="./images/h4img.png" alt="">`,
|
||||
img6: `
|
||||
<img src="./images/pageTxte5.png" alt="" class="pageTxte5 animate__animated">
|
||||
<img src="./images/contactUs.png" alt="" class="contactUs animate__animated">
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
||||
<!-- <img src="./images/down.png" alt="" class="down"> -->
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
</div>`,
|
||||
}
|
||||
<img style="width: 6.61333rem;" src="./images/pageTxte5-zh.png" alt="" class="pageTxte5 animate__animated">
|
||||
<img style="width: 4.2rem;" src="./images/contactUs-zh.png" alt="" class="contactUs animate__animated">
|
||||
<img src="./images/downioad-zh.png" alt="" class="downioad animate__animated">
|
||||
<div class="bootom">
|
||||
<p>Molistar 團隊</p>
|
||||
</div>`,
|
||||
pcText: `
|
||||
<div class="page1 pagesPc">
|
||||
<img src="./images/logoPc.png" alt="" class="logoPc">
|
||||
<div class="tab">
|
||||
<p class="act">首頁 <span></span></p>
|
||||
<a href="../modules/rule/privacy-wap.html">
|
||||
<p class="tex">隱私政策</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="recharge">
|
||||
<img src="./images/diamond.png" alt=""><span>充值</span>
|
||||
</div>
|
||||
<!-- 語言 -->
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="title">加入 MoliStar</div>
|
||||
<h3>聽到美好的聲音，並找到新的陪伴</h3>
|
||||
<img src="./images/h5Ios.png" alt="" class="h5Ios">
|
||||
<img src="./images/h5And.png" alt="" class="h5And">
|
||||
<div class="team">Molistar Team</div>
|
||||
</div>
|
||||
<div class="page2 pagesPc">
|
||||
<div class="title">有趣的靈魂</div>
|
||||
<img src="./images/pc2img.png" alt="">
|
||||
</div>
|
||||
<div class="page3 pagesPc">
|
||||
<div class="title">盡情玩樂</div>
|
||||
<img src="./images/pc3img.png" alt="">
|
||||
</div>
|
||||
<div class="page4 pagesPc">
|
||||
<div class="title">語音派對</div>
|
||||
<img src="./images/pc4img.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
},
|
||||
|
||||
}
|
||||
66
view/molistar/modules/guild-ar/BANK_TRANSFER_LIRA.html
Normal file
66
view/molistar/modules/guild-ar/BANK_TRANSFER_LIRA.html
Normal file
@@ -0,0 +1,66 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/BANK.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back3.png" alt="">
|
||||
<b class="text1"></b>
|
||||
</div>
|
||||
<!-- 账户信息 -->
|
||||
<div class="box currencyType">
|
||||
<input type="text" disabled placeholder="Currency Type:USD" class="text6">
|
||||
<!-- <img src="./images/right.png" alt="" class="right"> -->
|
||||
</div>
|
||||
<p class="p "><span>*</span> <b class="p1"></b></p>
|
||||
<div class="box country">
|
||||
<input type="text" readonly placeholder="Country" class="text7">
|
||||
<img src="./images/right.png" alt="" class="right">
|
||||
</div>
|
||||
<p class="p "><span>*</span> <b class="p7"></b></p>
|
||||
<div class="box payeeAccountNo">
|
||||
<input type="text" placeholder="payeeAccountNo" class="text8">
|
||||
</div>
|
||||
<p class="p 5"><span>*</span> <b class="p5"></b></p>
|
||||
<div class="box payeeName">
|
||||
<input type="text" placeholder="payeeName" class="text9"
|
||||
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
|
||||
</div>
|
||||
<!-- 按钮 -->
|
||||
<div class="but">
|
||||
<!-- 确认按钮 -->
|
||||
<div class="ok text2"></div>
|
||||
<!-- 解绑按钮 -->
|
||||
<div class="determine text3"></div>
|
||||
</div>
|
||||
<!-- 选择弹窗 -->
|
||||
<div class="pub">
|
||||
<div class="pub_in">
|
||||
<div class="title text4"></div>
|
||||
<div class="soure text5"></div>
|
||||
<div class="countryPub"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./local/tr.js"></script>
|
||||
<script src="./js/bankTransferLira.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
|
||||
</html>
|
||||
66
view/molistar/modules/guild-ar/CARD_USD.html
Normal file
66
view/molistar/modules/guild-ar/CARD_USD.html
Normal file
@@ -0,0 +1,66 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/BANK.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/back3.png" alt="">
|
||||
<b class="text1"></b>
|
||||
</div>
|
||||
<!-- 账户信息 -->
|
||||
<div class="box currencyType">
|
||||
<input type="text" disabled placeholder="Currency Type:USD" class="text6">
|
||||
<!-- <img src="./images/right.png" alt="" class="right"> -->
|
||||
</div>
|
||||
<p class="p "><span>*</span> <b class="p1"></b></p>
|
||||
<div class="box country">
|
||||
<input type="text" readonly placeholder="Country" class="text7">
|
||||
<img src="./images/right.png" alt="" class="right">
|
||||
</div>
|
||||
<p class="p "><span>*</span> <b class="p7"></b></p>
|
||||
<div class="box payeeAccountNo">
|
||||
<input type="text" placeholder="payeeAccountNo" class="text8">
|
||||
</div>
|
||||
<p class="p 5"><span>*</span> <b class="p5"></b></p>
|
||||
<div class="box payeeName">
|
||||
<input type="text" placeholder="payeeName" class="text9"
|
||||
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
|
||||
</div>
|
||||
<!-- 按钮 -->
|
||||
<div class="but">
|
||||
<!-- 确认按钮 -->
|
||||
<div class="ok text2"></div>
|
||||
<!-- 解绑按钮 -->
|
||||
<div class="determine text3"></div>
|
||||
</div>
|
||||
<!-- 选择弹窗 -->
|
||||
<div class="pub">
|
||||
<div class="pub_in">
|
||||
<div class="title text4"></div>
|
||||
<div class="soure text5"></div>
|
||||
<div class="countryPub"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./local/tr.js"></script>
|
||||
<script src="./js/CARD_USD.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
|
||||
</html>
|
||||
@@ -181,6 +181,7 @@ body {
|
||||
padding: 0 0.13333rem;
|
||||
position: relative;
|
||||
word-spacing: normal;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in div img {
|
||||
@@ -720,17 +721,17 @@ body {
|
||||
}
|
||||
|
||||
.guildList ul li .administrator {
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
width: 1.2rem;
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
border-radius: 0.45333rem;
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.26667rem;
|
||||
top: 0.94667rem;
|
||||
left: 0.37333rem;
|
||||
top: 1.30667rem;
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -186,6 +186,7 @@ body {
|
||||
padding: 0 px2rem(10);
|
||||
position: relative;
|
||||
word-spacing: normal;
|
||||
white-space: nowrap;
|
||||
|
||||
img {
|
||||
display: inline;
|
||||
@@ -736,17 +737,17 @@ body {
|
||||
}
|
||||
|
||||
.administrator {
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
width: px2rem(90);
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
border-radius: px2rem(34);
|
||||
text-align: center;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(20);
|
||||
top: px2rem(71);
|
||||
left: px2rem(28);
|
||||
top: px2rem(98);
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
<title class="text1"></title>
|
||||
<!-- 公会首页 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css?v1.11">
|
||||
<link rel="stylesheet" href="./css/index.css?v1.112">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
212
view/molistar/modules/guild-ar/js/CARD_USD.js
Normal file
212
view/molistar/modules/guild-ar/js/CARD_USD.js
Normal file
@@ -0,0 +1,212 @@
|
||||
const urlData = getQueryString();
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var fields = {};
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
window.history.back();
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
get()
|
||||
}, 100);
|
||||
|
||||
});
|
||||
function translateFun() {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.CARD_USD.text1));
|
||||
$('.text2').text(langReplace(localLang.payonner.text2));
|
||||
$('.text3').text(langReplace(localLang.payonner.text3));
|
||||
$('.text4').text(langReplace(localLang.payonner.text4));
|
||||
$('.text5').text(langReplace(localLang.payonner.text5));
|
||||
$('.text6').attr('placeholder', langReplace(localLang.payonner.text6));
|
||||
$('.text7').attr('placeholder', langReplace(localLang.payonner.text7));
|
||||
$('.text8').attr('placeholder', langReplace(localLang.CARD_USD.text8));
|
||||
$('.text9').attr('placeholder', langReplace(localLang.payonner.text9));
|
||||
$('.p1').text(langReplace(localLang.pTitle.p1));
|
||||
$('.p7').text(langReplace(localLang.CARD_USD.text11));
|
||||
$('.p5').text(langReplace(localLang.pTitle.p5));
|
||||
|
||||
}
|
||||
// 获取
|
||||
function get() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "GET",
|
||||
url: urlPrefix + "/guild/usd/withdrawAccount/get",
|
||||
data: { type: getQueryString().type },
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
// 回显数据
|
||||
$('.currencyType input').val(langReplace(localLang.payonner.text6) + res.data.currency);
|
||||
fields = res.data.fields;
|
||||
if (fields.country == '') {
|
||||
$('.but .determine').hide();
|
||||
$('.but .ok').show();
|
||||
$('.box input').attr('disabled', false)
|
||||
} else {
|
||||
$('.but .determine').show();
|
||||
$('.but .ok').hide();
|
||||
$('.box input').attr('disabled', true)
|
||||
}
|
||||
$('.currencyType input').attr('disabled', true)
|
||||
$('.country input').val(fields.country);
|
||||
$('.payeeAccountNo input').val(fields.bank_account);
|
||||
$('.payeeName input').val(fields.full_name);
|
||||
// 渲染国家
|
||||
$('.pub .pub_in .countryPub').remove();
|
||||
var str = '';
|
||||
res.data.countryOptionalList.forEach(res => {
|
||||
str += `
|
||||
<div country='${res.value}' name="${res.name}" class="countryPub">${res.name}</div>
|
||||
`
|
||||
})
|
||||
$('.pub .pub_in').append(str);
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
console.log(res, "报错啦");
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
||||
// 选择国家
|
||||
$('.country').click(function () {
|
||||
$('.pub').show();
|
||||
})
|
||||
// 关闭选择国家
|
||||
$('.pub').click(function (params) {
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 选中国家
|
||||
var nameTitle
|
||||
$('.pub .pub_in').on('click', '.countryPub', function name(params) {
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
nameTitle = $(this).attr('name');
|
||||
var country = $(this).attr('country');
|
||||
fields.country = country;
|
||||
return false;
|
||||
})
|
||||
// 确认选中国家
|
||||
$('.pub .pub_in .soure').click(function name(params) {
|
||||
$('.country input').val(nameTitle);
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 确认绑定按钮
|
||||
$('.but .ok').click(function (params) {
|
||||
console.log(fields);
|
||||
var obj = {}
|
||||
obj.country = fields.country;
|
||||
obj.bank_account = $('.payeeAccountNo input').val();
|
||||
obj.full_name = $('.payeeName input').val();
|
||||
if (obj.country && obj.bank_account && obj.full_name) {
|
||||
fields = obj;
|
||||
var objJson = {
|
||||
uid: pubInfo.uid,
|
||||
type: getQueryString().type,
|
||||
fields,
|
||||
}
|
||||
update(JSON.stringify(objJson));
|
||||
} else {
|
||||
toastMsg(langReplace(localLang.payonner.text10));
|
||||
}
|
||||
})
|
||||
// 绑定更新信息
|
||||
function update(obj) {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "post",
|
||||
url: urlPrefix + "/guild/usd/withdrawAccount/bound",
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
data: obj,
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
get();
|
||||
toastMsg('success');
|
||||
location.href = './salary_account.html'
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
||||
// 解绑
|
||||
$('.but .determine').click(function () {
|
||||
var objJson = {
|
||||
uid: pubInfo.uid,
|
||||
type: getQueryString().type,
|
||||
}
|
||||
unbound(JSON.stringify(objJson));
|
||||
})
|
||||
// 解绑
|
||||
function unbound(obj) {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "post",
|
||||
url: urlPrefix + "/guild/usd/withdrawAccount/unbound",
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
data: obj,
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
get();
|
||||
toastMsg('success');
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
||||
212
view/molistar/modules/guild-ar/js/bankTransferLira.js
Normal file
212
view/molistar/modules/guild-ar/js/bankTransferLira.js
Normal file
@@ -0,0 +1,212 @@
|
||||
const urlData = getQueryString();
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var fields = {};
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
window.history.back();
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
get()
|
||||
}, 100);
|
||||
|
||||
});
|
||||
function translateFun() {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.bankTransferLira.text1));
|
||||
$('.text2').text(langReplace(localLang.payonner.text2));
|
||||
$('.text3').text(langReplace(localLang.payonner.text3));
|
||||
$('.text4').text(langReplace(localLang.payonner.text4));
|
||||
$('.text5').text(langReplace(localLang.payonner.text5));
|
||||
$('.text6').attr('placeholder', langReplace(localLang.payonner.text6));
|
||||
$('.text7').attr('placeholder', langReplace(localLang.payonner.text7));
|
||||
$('.text8').attr('placeholder', langReplace(localLang.bankTransferLira.text8));
|
||||
$('.text9').attr('placeholder', langReplace(localLang.payonner.text9));
|
||||
$('.p1').text(langReplace(localLang.pTitle.p1));
|
||||
$('.p7').text(langReplace(localLang.bankTransferLira.text11));
|
||||
$('.p5').text(langReplace(localLang.pTitle.p5));
|
||||
|
||||
}
|
||||
// 获取
|
||||
function get() {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "GET",
|
||||
url: urlPrefix + "/guild/usd/withdrawAccount/get",
|
||||
data: { type: getQueryString().type },
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
// 回显数据
|
||||
$('.currencyType input').val(langReplace(localLang.payonner.text6) + res.data.currency);
|
||||
fields = res.data.fields;
|
||||
if (fields.country == '') {
|
||||
$('.but .determine').hide();
|
||||
$('.but .ok').show();
|
||||
$('.box input').attr('disabled', false)
|
||||
} else {
|
||||
$('.but .determine').show();
|
||||
$('.but .ok').hide();
|
||||
$('.box input').attr('disabled', true)
|
||||
}
|
||||
$('.currencyType input').attr('disabled', true)
|
||||
$('.country input').val(fields.country);
|
||||
$('.payeeAccountNo input').val(fields.bank_account);
|
||||
$('.payeeName input').val(fields.full_name);
|
||||
// 渲染国家
|
||||
$('.pub .pub_in .countryPub').remove();
|
||||
var str = '';
|
||||
res.data.countryOptionalList.forEach(res => {
|
||||
str += `
|
||||
<div country='${res.value}' name="${res.name}" class="countryPub">${res.name}</div>
|
||||
`
|
||||
})
|
||||
$('.pub .pub_in').append(str);
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
console.log(res, "报错啦");
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
||||
// 选择国家
|
||||
$('.country').click(function () {
|
||||
$('.pub').show();
|
||||
})
|
||||
// 关闭选择国家
|
||||
$('.pub').click(function (params) {
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 选中国家
|
||||
var nameTitle
|
||||
$('.pub .pub_in').on('click', '.countryPub', function name(params) {
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
nameTitle = $(this).attr('name');
|
||||
var country = $(this).attr('country');
|
||||
fields.country = country;
|
||||
return false;
|
||||
})
|
||||
// 确认选中国家
|
||||
$('.pub .pub_in .soure').click(function name(params) {
|
||||
$('.country input').val(nameTitle);
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 确认绑定按钮
|
||||
$('.but .ok').click(function (params) {
|
||||
console.log(fields);
|
||||
var obj = {}
|
||||
obj.country = fields.country;
|
||||
obj.bank_account = $('.payeeAccountNo input').val();
|
||||
obj.full_name = $('.payeeName input').val();
|
||||
if (obj.country && obj.bank_account && obj.full_name) {
|
||||
fields = obj;
|
||||
var objJson = {
|
||||
uid: pubInfo.uid,
|
||||
type: getQueryString().type,
|
||||
fields,
|
||||
}
|
||||
update(JSON.stringify(objJson));
|
||||
} else {
|
||||
toastMsg(langReplace(localLang.payonner.text10));
|
||||
}
|
||||
})
|
||||
// 绑定更新信息
|
||||
function update(obj) {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "post",
|
||||
url: urlPrefix + "/guild/usd/withdrawAccount/bound",
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
data: obj,
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
get();
|
||||
toastMsg('success');
|
||||
location.href = './salary_account.html'
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
||||
// 解绑
|
||||
$('.but .determine').click(function () {
|
||||
var objJson = {
|
||||
uid: pubInfo.uid,
|
||||
type: getQueryString().type,
|
||||
}
|
||||
unbound(JSON.stringify(objJson));
|
||||
})
|
||||
// 解绑
|
||||
function unbound(obj) {
|
||||
showLoading();
|
||||
networkRequest({
|
||||
type: "post",
|
||||
url: urlPrefix + "/guild/usd/withdrawAccount/unbound",
|
||||
contentType: 'application/json;charset=UTF-8',
|
||||
data: obj,
|
||||
success: function (res) {
|
||||
if (res.code == 200) {
|
||||
get();
|
||||
toastMsg('success');
|
||||
} else {
|
||||
toastMsg(res.message);
|
||||
}
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
error: function (res) {
|
||||
hideLoading(layerIndex);
|
||||
},
|
||||
});
|
||||
}
|
||||
@@ -345,5 +345,32 @@ langAr = {
|
||||
text5: `اختيار التاريخ`, // 阿拉伯文
|
||||
text6: `تأكيد`, // 阿拉伯文
|
||||
text7: `يبحث`,
|
||||
}
|
||||
},
|
||||
bankTransferLira: {
|
||||
text1: `تحويل بنكي بالليرة`,
|
||||
text2: `تأكيد`,
|
||||
text3: `إلغاء الربط`,
|
||||
text4: `الدولة`,
|
||||
text5: `موافق`,
|
||||
text6: `نوع العملة:`,
|
||||
text7: `الدولة`,
|
||||
text8: `TR+24رقم`,
|
||||
text9: `اسم المستلم`,
|
||||
text10: `لا يمكن ترك الحقول الإجبارية فارغة`,
|
||||
text11: `حساب المستلم(IBAN)`,
|
||||
},
|
||||
CARD_USD: {
|
||||
text1: `بطاقة بالدولار الأمريكي`,
|
||||
text2: `تأكيد`,
|
||||
text3: `إلغاء الربط`,
|
||||
text4: `الدولة`,
|
||||
text5: `موافق`,
|
||||
text6: `نوع العملة:`,
|
||||
text7: `الدولة`,
|
||||
text8: `حساب المستلم`,
|
||||
text9: `اسم المستلم`,
|
||||
text10: `لا يمكن ترك الحقول الإجبارية فارغة`,
|
||||
text11: `حساب المستلم`,
|
||||
},
|
||||
|
||||
}
|
||||
@@ -13,7 +13,7 @@ langEn = {
|
||||
text8: `Agency Name`,
|
||||
text9: `Cancel`,
|
||||
text10: `Confirm`,
|
||||
text11: 'Guild Name:',
|
||||
text11: 'Agency Name:',
|
||||
text12: `Master`,
|
||||
text13: `Admin`,
|
||||
text14: `Delete`,
|
||||
@@ -26,8 +26,8 @@ langEn = {
|
||||
texts5: "My Salary",
|
||||
newtext1: "My Income",
|
||||
newtext2: "Salary Account",
|
||||
newtext3: "Guild Information",
|
||||
newtext4: "Guild Admin",
|
||||
newtext3: "Agency Information",
|
||||
newtext4: "Agency Admin",
|
||||
newtext5: "Agency level",
|
||||
newtext6: "Current Agency Lv:",
|
||||
newtext7: "Next level need:",
|
||||
@@ -87,7 +87,7 @@ langEn = {
|
||||
textConte2: `Edit`,
|
||||
textConte3: `Add`,
|
||||
textConte4: `Payment Account`,
|
||||
text55: `Guild Avatar`,
|
||||
text55: `Agency Avatar`,
|
||||
toastMsgText1: `GIF upload is not supported at the moment`,
|
||||
},
|
||||
invitation: {
|
||||
@@ -95,7 +95,7 @@ langEn = {
|
||||
text2: `Find MoliStarID`,
|
||||
text3: `Find`,
|
||||
text4: `No content`,
|
||||
text5: `Invite to guild?`,
|
||||
text5: `Invite to agency?`,
|
||||
text6: `Cancel`,
|
||||
text7: `Confirm`,
|
||||
text8: `Add`,
|
||||
@@ -339,11 +339,37 @@ langEn = {
|
||||
},
|
||||
agencyDiamondIncome: {
|
||||
text1: `Agency Diamond Income`,
|
||||
text2: `Building a guild, you can search for diamond income at any time.`,
|
||||
text2: `Building a agency, you can search for diamond income at any time.`,
|
||||
text3: `User exit agency may result in data changes.`,
|
||||
text4: `To`,
|
||||
text5: `Date selection`,
|
||||
text6: `Confirm`,
|
||||
text7: `Search`,
|
||||
}
|
||||
},
|
||||
bankTransferLira: {
|
||||
text1: `BankTransfer lira `,
|
||||
text2: `Confirm`,
|
||||
text3: `Unbind `,
|
||||
text4: `Country`,
|
||||
text5: `OK`,
|
||||
text6: `Currency Type:`,
|
||||
text7: `Country`,
|
||||
text8: `TR+24Numbers`,
|
||||
text9: `payeeName`,
|
||||
text10: `Mandatory fields cannot be blank`,
|
||||
text11: `payeeAccount(IBAN)`,
|
||||
},
|
||||
CARD_USD: {
|
||||
text1: `Card usd`,
|
||||
text2: `Confirm`,
|
||||
text3: `Unbind `,
|
||||
text4: `Country`,
|
||||
text5: `OK`,
|
||||
text6: `Currency Type:`,
|
||||
text7: `Country`,
|
||||
text8: `payeeAccount`,
|
||||
text9: `payeeName`,
|
||||
text10: `Mandatory fields cannot be blank`,
|
||||
text11: `payeeAccount`,
|
||||
},
|
||||
}
|
||||
|
||||
@@ -345,6 +345,33 @@ langTr = {
|
||||
text5: `Tarih Seçimi`,
|
||||
text6: `Onayla`,
|
||||
text7: `Ara`,
|
||||
}
|
||||
},
|
||||
bankTransferLira: {
|
||||
text1: `Banka Transferi Lira`,
|
||||
text2: `Onayla`,
|
||||
text3: `Bağlantıyı Kes`,
|
||||
text4: `Ülke`,
|
||||
text5: `Tamam`,
|
||||
text6: `Para Birimi Türü:`,
|
||||
text7: `Ülke`,
|
||||
text8: `TR+24Numara`,
|
||||
text9: `Alıcı Adı`,
|
||||
text10: `Zorunlu alanlar boş bırakılamaz`,
|
||||
text11: `Alıcı Hesabı(IBAN)`,
|
||||
},
|
||||
CARD_USD: {
|
||||
text1: `Kart USD`,
|
||||
text2: `Onayla`,
|
||||
text3: `Bağlantıyı Kes`,
|
||||
text4: `Ülke`,
|
||||
text5: `Tamam`,
|
||||
text6: `Para Birimi Türü:`,
|
||||
text7: `Ülke`,
|
||||
text8: `Alıcı Hesabı`,
|
||||
text9: `Alıcı Adı`,
|
||||
text10: `Zorunlu alanlar boş bırakılamaz`,
|
||||
text11: `Alıcı Hesabı`,
|
||||
},
|
||||
|
||||
|
||||
};
|
||||
|
||||
@@ -346,5 +346,32 @@ langZh = {
|
||||
text5: `日期選擇`, // 繁體中文
|
||||
text6: `確認`, // 繁體中文
|
||||
text7: `查詢`,
|
||||
}
|
||||
},
|
||||
bankTransferLira: {
|
||||
text1: `銀行轉帳里拉`,
|
||||
text2: `確認`,
|
||||
text3: `解除綁定`,
|
||||
text4: `國家`,
|
||||
text5: `確定`,
|
||||
text6: `貨幣類型：`,
|
||||
text7: `國家`,
|
||||
text8: `TR+24數字`,
|
||||
text9: `收款人名稱`,
|
||||
text10: `必填欄位不能為空`,
|
||||
text11: `收款人帳號(IBAN)`,
|
||||
},
|
||||
CARD_USD: {
|
||||
text1: `卡片美元`,
|
||||
text2: `確認`,
|
||||
text3: `解除綁定`,
|
||||
text4: `國家`,
|
||||
text5: `確定`,
|
||||
text6: `貨幣類型：`,
|
||||
text7: `國家`,
|
||||
text8: `收款人帳號`,
|
||||
text9: `收款人名稱`,
|
||||
text10: `必填欄位不能為空`,
|
||||
text11: `收款人帳號`,
|
||||
},
|
||||
|
||||
}
|
||||
@@ -220,11 +220,11 @@
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="./local/tr.js"></script>
|
||||
<script src="./js/salary.js"></script>
|
||||
<script src="./local/en.js?v=1.0"></script>
|
||||
<script src="./local/zh.js?v=1.0"></script>
|
||||
<script src="./local/ar.js?v=1.0"></script>
|
||||
<script src="./local/tr.js?v=1.0"></script>
|
||||
<script src="./js/salary.js?v=1.0"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
</body>
|
||||
|
||||
|
||||
@@ -13,7 +13,7 @@ langEn = {
|
||||
text8: `Agency Name`,
|
||||
text9: `Cancel`,
|
||||
text10: `Confirm`,
|
||||
text11: 'Guild Name:',
|
||||
text11: 'Agency Name:',
|
||||
text12: `Master`,
|
||||
text13: `Admin`,
|
||||
text14: `Delete`,
|
||||
@@ -81,7 +81,7 @@ langEn = {
|
||||
textConte2: `Edit`,
|
||||
textConte3: `Add`,
|
||||
textConte4: `Payment Account`,
|
||||
text55: `Guild Avatar`,
|
||||
text55: `Agency Avatar`,
|
||||
toastMsgText1: `GIF upload is not supported at the moment`,
|
||||
},
|
||||
invitation: {
|
||||
@@ -89,7 +89,7 @@ langEn = {
|
||||
text2: `Find MoliStarID`,
|
||||
text3: `Find`,
|
||||
text4: `No content`,
|
||||
text5: `Invite to guild?`,
|
||||
text5: `Invite to Agency?`,
|
||||
text6: `Cancel`,
|
||||
text7: `Confirm`,
|
||||
text8: `Add`,
|
||||
|
||||
@@ -1,245 +1,313 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #0F0900;
|
||||
}
|
||||
|
||||
html .page1 .back,
|
||||
body .page1 .back {
|
||||
width: 10rem;
|
||||
height: 6.96rem;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0rem;
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
background: url(../images/top.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
html .page1 .back .backIcon,
|
||||
body .page1 .back .backIcon {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.4rem;
|
||||
top: 1.46667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
html .page1 .back .tab,
|
||||
body .page1 .back .tab {
|
||||
width: 80%;
|
||||
height: 0.64rem;
|
||||
line-height: 0.64rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
top: 1.36rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
font-size: 0.45333rem;
|
||||
font-weight: 400;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
html .page1 .back .tab div,
|
||||
body .page1 .back .tab div {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
html .page1 .back .tab .act,
|
||||
body .page1 .back .tab .act {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo,
|
||||
body .page1 .back .myInfo {
|
||||
width: 9.02667rem;
|
||||
height: 4.57333rem;
|
||||
background: url(../images/myInfoBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 2.4rem auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .tx,
|
||||
body .page1 .back .myInfo .tx {
|
||||
width: 1.68rem;
|
||||
height: 1.68rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0.72rem;
|
||||
left: 0.56rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .top,
|
||||
body .page1 .back .myInfo .top {
|
||||
position: absolute;
|
||||
top: 0.90667rem;
|
||||
left: 2.48rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
width: 3rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .top .level,
|
||||
body .page1 .back .myInfo .top .level {
|
||||
color: #613B00;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .top .level b,
|
||||
body .page1 .back .myInfo .top .level b {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .top .levelIcon,
|
||||
body .page1 .back .myInfo .top .levelIcon {
|
||||
display: inline-block;
|
||||
width: 1.30667rem;
|
||||
height: 0.66667rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .bootom,
|
||||
body .page1 .back .myInfo .bootom {
|
||||
position: absolute;
|
||||
left: 2.48rem;
|
||||
font-size: 0.34667rem;
|
||||
color: #613B00;
|
||||
font-weight: 500;
|
||||
top: 1.70667rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .lineBox,
|
||||
body .page1 .back .myInfo .lineBox {
|
||||
width: 7.92rem;
|
||||
height: 0.16rem;
|
||||
border-radius: 0.16rem;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
top: 3.12rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .lineBox .line,
|
||||
body .page1 .back .myInfo .lineBox .line {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
background-color: #F4F4FB;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.level-head {
|
||||
width: 100%;
|
||||
height: 1.33333rem;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
display: flex;
|
||||
display: -moz-box;
|
||||
position: fixed;
|
||||
background: #F4F4FB;
|
||||
background: linear-gradient(90deg, #FFA01E 0%, #FFC16C 100%);
|
||||
border-radius: 0.16rem;
|
||||
}
|
||||
|
||||
.level-head .level {
|
||||
position: relative;
|
||||
display: flex;
|
||||
display: -moz-box;
|
||||
-ms-justify-content: center;
|
||||
justify-content: center;
|
||||
-ms-align-items: center;
|
||||
align-items: center;
|
||||
width: 50%;
|
||||
height: 1.06667rem;
|
||||
font-size: 0.42667rem;
|
||||
color: #999999;
|
||||
html .page1 .back .myInfo .lineBox .thisLevel,
|
||||
body .page1 .back .myInfo .lineBox .thisLevel {
|
||||
color: #613B00;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -0.50667rem;
|
||||
}
|
||||
|
||||
.level-head .level.active {
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
html .page1 .back .myInfo .lineBox .thisLevel b,
|
||||
body .page1 .back .myInfo .lineBox .thisLevel b {
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.level-head .level.active span {
|
||||
html .page1 .back .myInfo .lineBox .nextLevel,
|
||||
body .page1 .back .myInfo .lineBox .nextLevel {
|
||||
color: #613B00;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -0.50667rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .lineBox .nextLevel b,
|
||||
body .page1 .back .myInfo .lineBox .nextLevel b {
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo p,
|
||||
body .page1 .back .myInfo p {
|
||||
text-align: center;
|
||||
color: #613B00;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 5.33333rem;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
width: 0.24rem;
|
||||
height: 0.13333rem;
|
||||
background-color: #FFA936;
|
||||
border-radius: 0.06667rem;
|
||||
top: 3.44rem;
|
||||
}
|
||||
|
||||
.swiper-container {
|
||||
margin-top: 1.33333rem;
|
||||
html .page1 .rule,
|
||||
body .page1 .rule {
|
||||
width: 100%;
|
||||
margin-top: 7.3rem;
|
||||
}
|
||||
|
||||
.user-content,
|
||||
.user-charm {
|
||||
width: 8.93333rem;
|
||||
margin: 0 auto 1.01333rem;
|
||||
}
|
||||
|
||||
.user-content .user-head,
|
||||
.user-charm .user-head {
|
||||
height: 2.66667rem;
|
||||
display: flex;
|
||||
display: -moz-box;
|
||||
-ms-justify-content: center;
|
||||
justify-content: center;
|
||||
-ms-align-items: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.user-content .user-head .user-avatar,
|
||||
.user-charm .user-head .user-avatar {
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
border-radius: 50%;
|
||||
border: 0.08rem solid #FFA027;
|
||||
}
|
||||
|
||||
.user-content .treasure,
|
||||
.user-charm .treasure {
|
||||
font-size: 0.29333rem;
|
||||
display: flex;
|
||||
display: -moz-box;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.user-content .treasure .treasure-now,
|
||||
.user-charm .treasure .treasure-now {
|
||||
color: #B15C00;
|
||||
}
|
||||
|
||||
.user-content .treasure .treasure-upgrade,
|
||||
.user-charm .treasure .treasure-upgrade {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.user-content .progress-bar,
|
||||
.user-charm .progress-bar {
|
||||
html .page1 .rule .ruleText,
|
||||
body .page1 .rule .ruleText {
|
||||
width: 9.2rem;
|
||||
padding: 0.98667rem 0.32rem 0.42667rem;
|
||||
position: relative;
|
||||
width: 8.93333rem;
|
||||
height: 0.42667rem;
|
||||
background: #FFF0CC;
|
||||
border-radius: 0.25333rem;
|
||||
margin-bottom: 0.32rem;
|
||||
background: linear-gradient(180deg, #432405 0%, #201201 100%);
|
||||
border: 0.01333rem solid #C98853;
|
||||
border-radius: 0.26667rem;
|
||||
margin: 0 auto 0.50667rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.user-content .progress-bar .treasure-now,
|
||||
.user-charm .progress-bar .treasure-now {
|
||||
html .page1 .rule .ruleText .title,
|
||||
body .page1 .rule .ruleText .title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 0.32rem;
|
||||
color: #B15C00;
|
||||
transform: translateX(-50%);
|
||||
padding: 0rem 0.45333rem;
|
||||
text-align: center;
|
||||
color: #3E2000;
|
||||
height: 0.69333rem;
|
||||
line-height: 0.64rem;
|
||||
background: linear-gradient(270deg, #FFB761 0%, #FFE8CC 47%, #FFB761 100%);
|
||||
border-top-left-radius: 0rem;
|
||||
border-top-right-radius: 0rem;
|
||||
border-bottom-left-radius: 0.26667rem;
|
||||
border-bottom-right-radius: 0.26667rem;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.user-content .progress-bar .progress-bar-now,
|
||||
.user-charm .progress-bar .progress-bar-now {
|
||||
width: 10%;
|
||||
float: left;
|
||||
html .page1 .rule .ruleText p,
|
||||
body .page1 .rule .ruleText p {
|
||||
color: #FCD19D;
|
||||
font-weight: 400;
|
||||
font-size: 0.34667rem;
|
||||
line-height: 0.48rem;
|
||||
}
|
||||
|
||||
html .page1 .rule .ruleText img,
|
||||
body .page1 .rule .ruleText img {
|
||||
display: block;
|
||||
height: inherit;
|
||||
border-radius: inherit;
|
||||
background: #FFB606;
|
||||
margin: 0.37333rem auto 0rem;
|
||||
width: 8.56rem;
|
||||
}
|
||||
|
||||
.user-content .grade,
|
||||
.user-charm .grade {
|
||||
position: relative;
|
||||
display: flex;
|
||||
display: -moz-box;
|
||||
justify-content: space-between;
|
||||
font-size: 0.32rem;
|
||||
color: #999;
|
||||
html .page1 .rule .ruleText .img2,
|
||||
body .page1 .rule .ruleText .img2 {
|
||||
width: 7.14667rem;
|
||||
margin: 0.37333rem 0 0 0;
|
||||
}
|
||||
|
||||
.user-content .grade .treasure-upgrade,
|
||||
.user-charm .grade .treasure-upgrade {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
html .page2 .back,
|
||||
body .page2 .back {
|
||||
background: url(../images/top2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.user-content .grade .treasure-upgrade .num,
|
||||
.user-charm .grade .treasure-upgrade .num {
|
||||
color: #FFAE45;
|
||||
html .page2 .back .myInfo,
|
||||
body .page2 .back .myInfo {
|
||||
background: url(../images/myInfoBg2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.user-content .grade .grade-now,
|
||||
.user-charm .grade .grade-now {
|
||||
height: 0.42667rem;
|
||||
line-height: 0.42667rem;
|
||||
border-radius: 0.21333rem;
|
||||
padding: 0 0.24rem;
|
||||
background-color: #FFF0CC;
|
||||
color: #FFA027;
|
||||
html .page2 .back .myInfo .top .level,
|
||||
body .page2 .back .myInfo .top .level {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
.user-content .grade .grade-next,
|
||||
.user-charm .grade .grade-next {
|
||||
height: 0.42667rem;
|
||||
line-height: 0.42667rem;
|
||||
border-radius: 0.21333rem;
|
||||
padding: 0 0.24rem;
|
||||
background-image: linear-gradient(to right, #FFDCBB, #FFB810);
|
||||
color: #FFFFFF;
|
||||
html .page2 .back .myInfo .bootom,
|
||||
body .page2 .back .myInfo .bootom {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
.user-content.user-charm .user-head .user-avatar,
|
||||
.user-charm.user-charm .user-head .user-avatar {
|
||||
border: 0.08rem solid #BD80FF;
|
||||
html .page2 .back .myInfo .lineBox .line,
|
||||
body .page2 .back .myInfo .lineBox .line {
|
||||
background: linear-gradient(90deg, #A964FF 0%, #CC99FF 98%);
|
||||
}
|
||||
|
||||
.user-content.user-charm .progress-bar,
|
||||
.user-charm.user-charm .progress-bar {
|
||||
background: #EFECFF;
|
||||
html .page2 .back .myInfo .lineBox .thisLevel,
|
||||
body .page2 .back .myInfo .lineBox .thisLevel {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
.user-content.user-charm .progress-bar .treasure-now,
|
||||
.user-charm.user-charm .progress-bar .treasure-now {
|
||||
color: #8400AC;
|
||||
html .page2 .back .myInfo .lineBox .nextLevel,
|
||||
body .page2 .back .myInfo .lineBox .nextLevel {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
.user-content.user-charm .progress-bar .progress-bar-now,
|
||||
.user-charm.user-charm .progress-bar .progress-bar-now {
|
||||
background: #BD80FF;
|
||||
html .page2 .back .myInfo p,
|
||||
body .page2 .back .myInfo p {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
.user-content.user-charm .grade,
|
||||
.user-charm.user-charm .grade {
|
||||
position: relative;
|
||||
display: flex;
|
||||
display: -moz-box;
|
||||
justify-content: space-between;
|
||||
font-size: 0.32rem;
|
||||
color: #999;
|
||||
html .page2 .rule2,
|
||||
body .page2 .rule2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.user-content.user-charm .grade .treasure-upgrade .num,
|
||||
.user-charm.user-charm .grade .treasure-upgrade .num {
|
||||
color: #BD80FF;
|
||||
html .page2 .rule2 .ruleText,
|
||||
body .page2 .rule2 .ruleText {
|
||||
background: linear-gradient(180deg, #220543 0%, #160120 100%);
|
||||
border: 0.01333rem solid #7E53C9;
|
||||
}
|
||||
|
||||
.user-content.user-charm .grade .grade-now,
|
||||
.user-charm.user-charm .grade .grade-now {
|
||||
background-color: #EFECFF;
|
||||
color: #D16FF2;
|
||||
html .page2 .rule2 .ruleText .title,
|
||||
body .page2 .rule2 .ruleText .title {
|
||||
background: linear-gradient(270deg, #D0B1FF 3%, #F8F4FF 47%, #D0B1FF 100%);
|
||||
}
|
||||
|
||||
.user-content.user-charm .grade .grade-next,
|
||||
.user-charm.user-charm .grade .grade-next {
|
||||
background-image: linear-gradient(to right, #E1DBFF, #BD80FF);
|
||||
html .page2 .rule2 .ruleText p,
|
||||
body .page2 .rule2 .ruleText p {
|
||||
color: #E7B8FF;
|
||||
}
|
||||
|
||||
.explain {
|
||||
width: 9.04rem;
|
||||
margin: 0.53333rem auto 0;
|
||||
}
|
||||
|
||||
.explain .explain-tit {
|
||||
font-size: 0.4rem;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.explain .explain-title {
|
||||
margin-top: 0.13333rem;
|
||||
font-size: 0.29333rem;
|
||||
color: #666;
|
||||
line-height: 0.53333rem;
|
||||
}
|
||||
|
||||
.explain-img {
|
||||
margin-top: 0.26667rem;
|
||||
}
|
||||
|
||||
.effects-img {
|
||||
margin-top: 0.53333rem;
|
||||
.rule2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@@ -1,223 +1,290 @@
|
||||
@function px2rem($px, $rem:75) {
|
||||
@return $px / $rem+rem
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #F4F4FB;
|
||||
}
|
||||
width: 100%;
|
||||
background: #0F0900;
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
vertical-align: top;
|
||||
}
|
||||
.page1 {
|
||||
.back {
|
||||
width: px2rem(750);
|
||||
height: px2rem(522);
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(0);
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
background: url(../images/top.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
@import '../../../common/css/flex.scss';
|
||||
.backIcon {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(30);
|
||||
top: px2rem(110);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.level-head {
|
||||
width: 100%;
|
||||
height: px2rem(100);
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
@include flex();
|
||||
position: fixed;
|
||||
background: #F4F4FB;
|
||||
.tab {
|
||||
width: 80%;
|
||||
height: px2rem(48);
|
||||
line-height: px2rem(48);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
top: px2rem(102);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: rgba(255, 255, 255, .5);
|
||||
font-size: px2rem(34);
|
||||
font-weight: 400;
|
||||
z-index: 2;
|
||||
|
||||
.level {
|
||||
position: relative;
|
||||
@include flex();
|
||||
@include flex-justify-center();
|
||||
@include flex-align-center();
|
||||
width: 50%;
|
||||
height: px2rem(80);
|
||||
font-size: px2rem(32);
|
||||
color: #999999;
|
||||
div {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.active {
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
.act {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
width: px2rem(18);
|
||||
height: px2rem(10);
|
||||
background-color: #FFA936;
|
||||
border-radius: px2rem(5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.myInfo {
|
||||
width: px2rem(677);
|
||||
height: px2rem(343);
|
||||
background: url(../images/myInfoBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(180) auto;
|
||||
position: relative;
|
||||
|
||||
.swiper-container{
|
||||
margin-top: px2rem(100);
|
||||
}
|
||||
.user-content,
|
||||
.user-charm {
|
||||
.tx {
|
||||
width: px2rem(126);
|
||||
height: px2rem(126);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: px2rem(54);
|
||||
left: px2rem(42);
|
||||
}
|
||||
|
||||
width: px2rem(670);
|
||||
// height: px2rem(340);
|
||||
margin: 0 auto px2rem(76, );
|
||||
.user-head {
|
||||
height: px2rem(200);
|
||||
@include flex();
|
||||
@include flex-justify-center();
|
||||
@include flex-align-center();
|
||||
flex-direction: column;
|
||||
.top {
|
||||
position: absolute;
|
||||
top: px2rem(68);
|
||||
left: px2rem(186);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(50);
|
||||
width: 3rem;
|
||||
|
||||
.user-avatar {
|
||||
width: px2rem(120);
|
||||
height: px2rem(120);
|
||||
border-radius: 50%;
|
||||
border: px2rem(6) solid #FFA027;
|
||||
}
|
||||
}
|
||||
.level {
|
||||
color: #613B00;
|
||||
font-size: px2rem(36);
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
b{
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.treasure {
|
||||
font-size: px2rem(22);
|
||||
@include flex();
|
||||
justify-content: space-between;
|
||||
// margin-bottom: px2rem(19);
|
||||
.levelIcon {
|
||||
display: inline-block;
|
||||
width: px2rem(98);
|
||||
height: px2rem(50);
|
||||
}
|
||||
}
|
||||
|
||||
.treasure-now {
|
||||
color: #B15C00;
|
||||
}
|
||||
.bootom {
|
||||
position: absolute;
|
||||
left: px2rem(186);
|
||||
font-size: px2rem(26);
|
||||
color: #613B00;
|
||||
font-weight: 500;
|
||||
top: px2rem(128);
|
||||
}
|
||||
|
||||
.treasure-upgrade {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
.lineBox {
|
||||
width: px2rem(594);
|
||||
height: px2rem(12);
|
||||
border-radius: px2rem(12);
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
top: px2rem(234);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.progress-bar {
|
||||
position: relative;
|
||||
width: px2rem(670);
|
||||
height: px2rem(32);
|
||||
background: #FFF0CC;
|
||||
border-radius: px2rem(19);
|
||||
margin-bottom: px2rem(24);
|
||||
.line {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: linear-gradient(90deg, #FFA01E 0%, #FFC16C 100%);
|
||||
border-radius: px2rem(12);
|
||||
}
|
||||
|
||||
.treasure-now {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: px2rem(24, );
|
||||
color: #B15C00;
|
||||
}
|
||||
.thisLevel {
|
||||
color: #613B00;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(-38);
|
||||
|
||||
.progress-bar-now {
|
||||
width: 10%;
|
||||
float: left;
|
||||
display: block;
|
||||
height: inherit;
|
||||
border-radius: inherit;
|
||||
background: #FFB606;
|
||||
}
|
||||
}
|
||||
b {
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.grade {
|
||||
position: relative;
|
||||
@include flex();
|
||||
justify-content: space-between;
|
||||
font-size: px2rem(24, );
|
||||
color: #999;
|
||||
.treasure-upgrade{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
.num{
|
||||
color: #FFAE45;
|
||||
}
|
||||
}
|
||||
.grade-now{
|
||||
height: px2rem(32, );
|
||||
line-height: px2rem(32, );
|
||||
border-radius: px2rem(16, );
|
||||
padding: 0 px2rem(18, );
|
||||
background-color: #FFF0CC;
|
||||
color: #FFA027;
|
||||
}
|
||||
.grade-next{
|
||||
height: px2rem(32, );
|
||||
line-height: px2rem(32, );
|
||||
border-radius: px2rem(16, );
|
||||
padding: 0 px2rem(18, );
|
||||
background-image: linear-gradient(to right, #FFDCBB, #FFB810);
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
.nextLevel {
|
||||
color: #613B00;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: px2rem(-38);
|
||||
|
||||
&.user-charm{
|
||||
.user-head {
|
||||
.user-avatar {
|
||||
border: px2rem(6) solid #BD80FF;
|
||||
}
|
||||
}
|
||||
.progress-bar {
|
||||
background: #EFECFF;
|
||||
|
||||
.treasure-now {
|
||||
color: #8400AC;
|
||||
}
|
||||
|
||||
.progress-bar-now {
|
||||
background: #BD80FF;
|
||||
}
|
||||
}
|
||||
.grade {
|
||||
position: relative;
|
||||
@include flex();
|
||||
justify-content: space-between;
|
||||
font-size: px2rem(24, );
|
||||
color: #999;
|
||||
.treasure-upgrade{
|
||||
.num{
|
||||
color: #BD80FF;
|
||||
b {
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: #613B00;
|
||||
font-size: px2rem(24);
|
||||
font-weight: px2rem(400);
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(258);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: 100%;
|
||||
margin-top: 7.3rem;
|
||||
// display: none;
|
||||
.ruleText {
|
||||
width: px2rem(690);
|
||||
padding: px2rem(74) px2rem(24) px2rem(32);
|
||||
position: relative;
|
||||
background: linear-gradient(180deg, #432405 0%, #201201 100%);
|
||||
border: px2rem(1) solid #C98853;
|
||||
border-radius: px2rem(20);
|
||||
margin: 0 auto px2rem(38);
|
||||
box-sizing: border-box;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
padding: px2rem(0) px2rem(34);
|
||||
text-align: center;
|
||||
color: #3E2000;
|
||||
height: px2rem(52);
|
||||
line-height: px2rem(48);
|
||||
background: linear-gradient(270deg, #FFB761 0%, #FFE8CC 47%, #FFB761 100%);
|
||||
border-top-left-radius: px2rem(0);
|
||||
border-top-right-radius: px2rem(0);
|
||||
border-bottom-left-radius: px2rem(20);
|
||||
border-bottom-right-radius: px2rem(20);
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #FCD19D;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(26);
|
||||
line-height: px2rem(36);
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: px2rem(28) auto px2rem(0);
|
||||
width: px2rem(642);
|
||||
}
|
||||
|
||||
.img2 {
|
||||
width: px2rem(536);
|
||||
margin: px2rem(28) 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page2 {
|
||||
.back {
|
||||
background: url(../images/top2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.myInfo {
|
||||
background: url(../images/myInfoBg2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.tx {}
|
||||
|
||||
.top {
|
||||
|
||||
.level {
|
||||
color: #571E6D;
|
||||
}
|
||||
}
|
||||
|
||||
.bootom {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
.lineBox {
|
||||
|
||||
.line {
|
||||
background: linear-gradient(90deg, #A964FF 0%, #CC99FF 98%);
|
||||
}
|
||||
|
||||
.thisLevel {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
.nextLevel {
|
||||
color: #571E6D;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
color: #571E6D;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rule2 {
|
||||
display: none;
|
||||
|
||||
.ruleText {
|
||||
background: linear-gradient(180deg, #220543 0%, #160120 100%);
|
||||
border: px2rem(1) solid #7E53C9;
|
||||
|
||||
.title {
|
||||
background: linear-gradient(270deg, #D0B1FF 3%, #F8F4FF 47%, #D0B1FF 100%);
|
||||
}
|
||||
|
||||
p {
|
||||
color: #E7B8FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.grade-now{
|
||||
background-color: #EFECFF;
|
||||
color: #D16FF2;
|
||||
}
|
||||
.grade-next{
|
||||
background-image: linear-gradient(to right, #E1DBFF, #BD80FF);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.explain {
|
||||
width: px2rem(678);
|
||||
margin: px2rem(40) auto 0;
|
||||
|
||||
.explain-tit {
|
||||
font-size: px2rem(30);
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.explain-title {
|
||||
margin-top: px2rem(10);
|
||||
font-size: px2rem(22);
|
||||
color: #666;
|
||||
line-height: px2rem(40);
|
||||
}
|
||||
}
|
||||
|
||||
.explain-img{
|
||||
margin-top: px2rem(20);
|
||||
}
|
||||
.effects-img{
|
||||
margin-top: px2rem(40);
|
||||
}
|
||||
|
||||
// .swiper-slide{
|
||||
// height: px2rem(1900);
|
||||
// overflow: auto;
|
||||
// }
|
||||
|
||||
.rule2{
|
||||
display: none;
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 185 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 258 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 149 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 85 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
BIN
view/molistar/modules/level/images/img3-ar.png
Normal file
BIN
view/molistar/modules/level/images/img3-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
view/molistar/modules/level/images/img3-zh.png
Normal file
BIN
view/molistar/modules/level/images/img3-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
view/molistar/modules/level/images/img3.png
Normal file
BIN
view/molistar/modules/level/images/img3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
view/molistar/modules/level/images/leve1-ar.png
Normal file
BIN
view/molistar/modules/level/images/leve1-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
view/molistar/modules/level/images/leve1-zh.png
Normal file
BIN
view/molistar/modules/level/images/leve1-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
view/molistar/modules/level/images/leve1.png
Normal file
BIN
view/molistar/modules/level/images/leve1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
view/molistar/modules/level/images/leve2.png
Normal file
BIN
view/molistar/modules/level/images/leve2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
view/molistar/modules/level/images/myInfoBg.png
Normal file
BIN
view/molistar/modules/level/images/myInfoBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
view/molistar/modules/level/images/myInfoBg2.png
Normal file
BIN
view/molistar/modules/level/images/myInfoBg2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/modules/level/images/null.png
Normal file
BIN
view/molistar/modules/level/images/null.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 64 KiB |
BIN
view/molistar/modules/level/images/top.png
Normal file
BIN
view/molistar/modules/level/images/top.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
view/molistar/modules/level/images/top2.png
Normal file
BIN
view/molistar/modules/level/images/top2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
view/molistar/modules/level/images/travel/back.png
Normal file
BIN
view/molistar/modules/level/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/modules/level/images/travel/backB.png
Normal file
BIN
view/molistar/modules/level/images/travel/backB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 453 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 567 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 166 KiB |
@@ -2,102 +2,56 @@
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport"
|
||||
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title id="title"></title>
|
||||
<!-- 等级说明 -->
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="css/index.css?v=1.1">
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body id="body" style="display: none;">
|
||||
<div class="level-head">
|
||||
<div class="level active">
|
||||
<div class="user-box" id="text1"></div>
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="level">
|
||||
<div class="charm-box" id="text2"></div>
|
||||
<span></span>
|
||||
</div>
|
||||
</div>
|
||||
<!--用户等级start-->
|
||||
<div class="swiper-container">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="user-content">
|
||||
<div class="user-head">
|
||||
<img class="user-avatar" onerror="imgErrorLoad(this)" src="./images/people.png" alt="">
|
||||
</div>
|
||||
<p class="treasure">
|
||||
</p>
|
||||
<p class="progress-bar">
|
||||
<span class="treasure-now"></span>
|
||||
<span class="progress-bar-now"></span>
|
||||
</p>
|
||||
<p class="grade">
|
||||
<span class="treasure-upgrade" style="text-align: center;line-height: 0.4rem;"><span class="num">0</span></span>
|
||||
<span class="grade-now">LV.0</span>
|
||||
<span class="grade-next">LV.1</span>
|
||||
</p>
|
||||
<body class="page1">
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img class="backIcon" src="./images/travel/back.png" alt="">
|
||||
<div class="tab">
|
||||
<div class="act text2"></div>
|
||||
<div class="text3"></div>
|
||||
</div>
|
||||
|
||||
<!-- <div class="explain">
|
||||
<p class="explain-tit">等级说明</p>
|
||||
<p class="explain-title">用户等级是您的成长属性，每消费1个鉆石购买礼物可以累计1个经验值，随着您的等级上升，您的等级标志会有相应的颜色变化。</p>
|
||||
<!-- 自己信息 -->
|
||||
<div class="myInfo">
|
||||
<img src="./images/null.png" alt="" class="tx">
|
||||
<div class="top">
|
||||
<div class="level">LV.<b>0</b></div>
|
||||
<img src="" alt="" class="levelIcon">
|
||||
</div>
|
||||
<div class="bootom"><b class="text4"></b><strong>0</strong></div>
|
||||
<div class="lineBox">
|
||||
<div class="thisLevel">LV.<b>0</b></div>
|
||||
<div class="line"></div>
|
||||
<div class="nextLevel">LV.<b>0</b></div>
|
||||
</div>
|
||||
<p><b class="text5"></b><strong>0</strong></p>
|
||||
</div>
|
||||
<img class="explain-img" src="./images/user.png" alt=""> -->
|
||||
|
||||
<!-- <img class="explain-img" src="./images/explain.png" alt="">
|
||||
<img src="./images/user.png" alt="">
|
||||
<img class="effects-img" src="./images/effects1.png" alt=""> -->
|
||||
|
||||
<img id="img1" src="" alt="">
|
||||
<!-- ./images/wealth.png -->
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="user-charm">
|
||||
<div class="user-head">
|
||||
<img class="user-avatar" onerror="imgErrorLoad2(this)" src="./images/people.png" alt="">
|
||||
</div>
|
||||
<p class="treasure">
|
||||
</p>
|
||||
<p class="progress-bar">
|
||||
<span class="treasure-now"></span>
|
||||
<span class="progress-bar-now"></span>
|
||||
</p>
|
||||
<p class="grade">
|
||||
<span class="treasure-upgrade" style="text-align: center;line-height: 0.4rem;"><span class="num">0</span></span>
|
||||
<span class="grade-now">LV.0</span>
|
||||
<span class="grade-next">LV.1</span>
|
||||
</p>
|
||||
</div>
|
||||
<!-- <div class="explain">
|
||||
<p class="explain-tit">等级说明</p>
|
||||
<p class="explain-title">魅力等级是您在molistar个人魅力的成长属性，每收到1个鉆石的礼物，积累一点魅力值，随着您的等级上升，您的等级标致会有相应的颜色变化。</p>
|
||||
</div> -->
|
||||
<img id="img2" class="explain-img" src="" alt="">
|
||||
<!-- ./images/charm.png -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--用户等级end-->
|
||||
<!--魅力等级start-->
|
||||
|
||||
<!--魅力等级end-->
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/swiper.min.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="js/index.js?v=1.1"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
<!-- 内容部分 -->
|
||||
<div class="rule rule1 text6">
|
||||
|
||||
</div>
|
||||
<div class="rule rule2 text7">
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -1,143 +1,158 @@
|
||||
let info = {};
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
var mySwiper;
|
||||
$(function () {
|
||||
let browser = checkVersion();
|
||||
let api = getUrlPrefix();
|
||||
if (EnvCheck() == 'test') { let vConsole = new VConsole };
|
||||
let locateObj = getQueryString();
|
||||
|
||||
//type=user 用戶等級（財富等級） type = charm 魅力等級
|
||||
if (locateObj.type == 'user') {
|
||||
$('.level').eq(0).addClass('active').siblings().removeClass('active');
|
||||
$('.user-content').eq(0).show().siblings('.user-content').hide();
|
||||
console.log("user")
|
||||
} else if (locateObj.type == 'charm') {
|
||||
$('.level').eq(1).addClass('active').siblings().removeClass('active');
|
||||
$('.user-content').eq(1).show().siblings('.user-content').hide();
|
||||
console.log("charm")
|
||||
}
|
||||
|
||||
getInfoFromClient()
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
|
||||
if (browser.app) {
|
||||
if (browser.ios) {
|
||||
info.uid = tools.cookieUtils.get('uid');
|
||||
window.webkit.messageHandlers.getTicket.postMessage(null);
|
||||
} else if (browser.android) {
|
||||
if (androidJsObj && typeof androidJsObj === 'object') {
|
||||
info.uid = parseInt(window.androidJsObj.getUid());
|
||||
info.ticket = window.androidJsObj.getTicket();
|
||||
}
|
||||
}
|
||||
} else {
|
||||
info.uid = 936365;
|
||||
info.ticket = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjo5MzYzNjUsInRpY2tldF9pZCI6IjcxYTVkNmM1LTZiZGYtNDQxYS1iMjg5LTE5MzU0MmQ4NjU0MiIsImV4cCI6MzYwMCwiY2xpZW50X2lkIjoiZXJiYW4tY2xpZW50In0.mmTJQ5rI5wEBmj5VN1YkSv0MO5aqy8z7W4XTPN-Jx04"
|
||||
}
|
||||
|
||||
//等級數據渲染
|
||||
const renderUser = (data) => {
|
||||
let $user = $('.user-content');
|
||||
$user.find('.user-head .user-avatar').attr('src', data.avatar);
|
||||
$user.find('.grade .grade-now').html('LV.' + data.userLevelExperience.levelExperience.levelSeq);
|
||||
$user.find('.grade .grade-next').html('LV.' + data.userLevelExperience.nextLevelExperience.levelSeq);
|
||||
$user.find('.treasure-now').html(langReplace(localLang.demoModule.text3) + data.userLevelExperience.amount);
|
||||
var barWidth = (data.userLevelExperience.amount / data.userLevelExperience.nextLevelExperience.amount) * 100;
|
||||
// console.log(barWidth);
|
||||
barWidth = barWidth >= 100 ? 100 : barWidth
|
||||
$user.find('.progress-bar .progress-bar-now').css({
|
||||
width: barWidth + '%'
|
||||
})
|
||||
let dis = data.userLevelExperience.nextLevelExperience.amount - data.userLevelExperience.amount;
|
||||
if (dis <= 0) {
|
||||
dis = '∞';
|
||||
}
|
||||
$user.find('.treasure-upgrade').html(langReplace(localLang.demoModule.text4) + `<span class="num">${dis}</span>`);
|
||||
}
|
||||
//魅力數據渲染
|
||||
const renderCharm = (data) => {
|
||||
let $user = $('.user-charm');
|
||||
$user.find('.user-head .user-avatar').attr('src', data.avatar);
|
||||
$user.find('.grade .grade-now').html('LV.' + data.userLevelCharm.levelCharm.levelSeq);
|
||||
$user.find('.grade .grade-next').html('LV.' + data.userLevelCharm.nextLevelCharm.levelSeq);
|
||||
$user.find('.treasure-now').html(langReplace(localLang.demoModule.text5) + data.userLevelCharm.amount);
|
||||
let barWidth = (data.userLevelCharm.amount / data.userLevelCharm.nextLevelCharm.amount) * 100;
|
||||
barWidth = barWidth >= 100 ? 100 : barWidth
|
||||
$user.find('.progress-bar .progress-bar-now').css({
|
||||
width: barWidth + '%'
|
||||
})
|
||||
let dis = data.userLevelCharm.nextLevelCharm.amount - data.userLevelCharm.amount;
|
||||
if (dis <= 0) {
|
||||
dis = '∞';
|
||||
}
|
||||
$user.find('.treasure-upgrade').html(langReplace(localLang.demoModule.text6) + `<span class="num">${dis}</span>`);
|
||||
}
|
||||
|
||||
const getMsg = () => {
|
||||
$.get(api + '/userLevel/getUserExper', { uid: info.uid, ticket: info.ticket }, function (res) {
|
||||
if (res.code == 200) {
|
||||
console.log(res.data);
|
||||
renderUser(res.data);
|
||||
}
|
||||
})
|
||||
$.get(api + '/userLevel/getUserCharm', { uid: info.uid, ticket: info.ticket }, function (res) {
|
||||
if (res.code == 200) {
|
||||
console.log(res.data);
|
||||
renderCharm(res.data);
|
||||
}
|
||||
})
|
||||
}
|
||||
setTimeout(function () {
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
getMsg();
|
||||
setTimeout(function () {
|
||||
$('#body').show();
|
||||
mySwiper = new Swiper('.swiper-container', {
|
||||
autoHeight: true,
|
||||
onSlideChangeStart: function (swiper) {
|
||||
let index = swiper.activeIndex;
|
||||
$('.level-head .level').eq(index).addClass('active').siblings('.level').removeClass('active');
|
||||
$('.user-content').eq(index).show().siblings('.user-content').hide();
|
||||
$(window).scrollTop(0)
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}, 300)
|
||||
}, 100)
|
||||
function translateFun() {
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var userExper;
|
||||
var userCharm;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back .backIcon').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
getUserExper();
|
||||
getUserCharm();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('#title').html(langReplace(localLang.demoModule.title));
|
||||
$('#text1').text(langReplace(localLang.demoModule.text1));
|
||||
$('#text2').text(langReplace(localLang.demoModule.text2));
|
||||
$('#img1').attr('src', langReplace(localLang.demoModule.img1));
|
||||
$('#img2').attr('src', langReplace(localLang.demoModule.img2));
|
||||
}
|
||||
function convertName(name) {
|
||||
return name.split('L')[0];
|
||||
}
|
||||
//用戶等級和魅力等級切換
|
||||
$('.level-head').on('click', '.level', function () {
|
||||
if ($(this).hasClass('active')) return;
|
||||
mySwiper.slideTo($(this).index(), 400, false)
|
||||
$(this).addClass('active').siblings('.level').removeClass('active');
|
||||
var index = $(this).index();
|
||||
$('.user-content').eq(index).show().siblings('.user-content').hide();
|
||||
$(window).scrollTop(0)
|
||||
})
|
||||
})
|
||||
// function getMessage(key, value) {
|
||||
// info[key] = value;
|
||||
// }
|
||||
function imgErrorLoad(image) {
|
||||
// 当图片加载失败时执行的函数
|
||||
image.src = './images/people.png'; // 可以替换为备用图片的URL
|
||||
$('.text1').text(langReplace(localLang.demoModule.text1));
|
||||
$('.text2').text(langReplace(localLang.demoModule.text2));
|
||||
$('.text3').text(langReplace(localLang.demoModule.text3));
|
||||
$('.text4').text(langReplace(localLang.demoModule.text4));
|
||||
$('.text5').text(langReplace(localLang.demoModule.text5));
|
||||
$('.text6').html(langReplace(localLang.demoModule.text6));
|
||||
$('.text7').html(langReplace(localLang.demoModule.text7));
|
||||
}
|
||||
function imgErrorLoad2(image) {
|
||||
// 当图片加载失败时执行的函数
|
||||
image.src = './images/people.png'; // 可以替换为备用图片的URL
|
||||
}
|
||||
// 配置接口
|
||||
function getUserExper() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/userLevel/getUserExper',
|
||||
data: { uid: pubInfo.uid, ticket: pubInfo.ticket },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
userExper = res.data;
|
||||
dataFun(1);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 配置接口
|
||||
function getUserCharm() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/userLevel/getUserCharm',
|
||||
data: { uid: pubInfo.uid, ticket: pubInfo.ticket },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
userCharm = res.data;
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
function dataFun(type) {
|
||||
if (type == 1) {
|
||||
$('.myInfo .tx').attr('src', userExper.avatar);
|
||||
$('.myInfo .levelIcon').attr('src', userExper.userLevelExperience.levelExperience.url1);
|
||||
$('.myInfo .level b').text(userExper.userLevelExperience.levelExperience.levelSeq);
|
||||
$('.myInfo .bootom strong').text(userExper.userLevelExperience.amount);
|
||||
|
||||
var amount = userExper.userLevelExperience.nextLevelExperience.amount - userExper.userLevelExperience.levelExperience.amount;
|
||||
$('.myInfo p strong').text(userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? '∞' : amount);
|
||||
|
||||
$('.myInfo .lineBox .thisLevel b').text(userExper.userLevelExperience.levelExperience.levelSeq);
|
||||
$('.myInfo .lineBox .nextLevel b').text(userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? 100 : userExper.userLevelExperience.nextLevelExperience.levelSeq);
|
||||
var cssNum = userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? 100 : (userExper.userLevelExperience.levelExperience.amount / userExper.userLevelExperience.nextLevelExperience.amount) * 100;
|
||||
$('.lineBox .line').css('width', cssNum + '%');
|
||||
} else {
|
||||
$('.myInfo .tx').attr('src', userCharm.avatar);
|
||||
$('.myInfo .levelIcon').attr('src', userCharm.userLevelCharm.levelCharm.url1);
|
||||
$('.myInfo .level b').text(userCharm.userLevelCharm.levelCharm.levelSeq);
|
||||
$('.myInfo .bootom strong').text(userCharm.userLevelCharm.amount);
|
||||
|
||||
var amount = userCharm.userLevelCharm.nextLevelCharm.amount - userCharm.userLevelCharm.levelCharm.amount;
|
||||
$('.myInfo p strong').text(userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? '∞' : amount);
|
||||
|
||||
$('.myInfo .lineBox .thisLevel b').text(userCharm.userLevelCharm.levelCharm.levelSeq);
|
||||
$('.myInfo .lineBox .nextLevel b').text(userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? 100 : userCharm.userLevelCharm.nextLevelCharm.levelSeq);
|
||||
var cssNum = userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? 100 : (userCharm.userLevelCharm.levelCharm.amount / userCharm.userLevelCharm.nextLevelCharm.amount) * 100;
|
||||
$('.lineBox .line').css('width', cssNum + '%');
|
||||
}
|
||||
|
||||
}
|
||||
// 切换
|
||||
$('.back .tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('act').siblings().removeClass('act');;
|
||||
if (i == 1) {
|
||||
$('body').removeClass('page2');
|
||||
} else {
|
||||
$('body').addClass('page2');
|
||||
}
|
||||
$('.rule1,.rule2').hide();
|
||||
$(`.rule${i}`).show()
|
||||
dataFun(i);
|
||||
})
|
||||
@@ -2,14 +2,45 @@
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
img1:'./images/wealth-ar.png',
|
||||
img2:'./images/charm-ar.png',
|
||||
title: 'شرح المستويات',
|
||||
text1: 'مستوى الثروة',
|
||||
text2: 'مستوى الجاذبية',
|
||||
text3: 'قيمة الثروة:',
|
||||
text4: 'قيمة الثروة المطلوبة للترقية:',
|
||||
text5: 'قيمة الجاذبية:',
|
||||
text6: 'قيمة الجاذبية المطلوبة للترقية:',
|
||||
layerIndex1: `جاري التحميل...`,
|
||||
layerIndex2: `نجاح`,
|
||||
layerIndex3: `خطأ في الشبكة`,
|
||||
text1: `المستوى`,
|
||||
text2: `مستوى الثروة`,
|
||||
text3: `مستوى الجاذبية`,
|
||||
text4: `قيمة الثروة:`,
|
||||
text5: `قيمة الثروة المطلوبة للترقية:`,
|
||||
text6: `
|
||||
<div class="ruleText">
|
||||
<div class="title">كيفية الترقية</div>
|
||||
<p>لكل هدية تساوي 1 عملة ذهبية، يمكنك جمع نقطة خبرة واحدة. كلما زادت نقاط الخبرة التي تجمعها، زاد مستواك.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">شروط الحصول</div>
|
||||
<p>1. يمكن للمستخدمين من المستوى 1 وما فوق الحصول على شارة المستوى.</p>
|
||||
<p>2. يمكن للمستخدمين من المستوى 30 وما فوق فتح امتيازات المستوى (تأثيرات دخول مذهلة للغرفة).</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">وصف رمز المستوى</div>
|
||||
<p>سيتم عرض رمز المستوى على شاشة الغرفة وصفحة الملف الشخصي وأماكن أخرى. كلما كان المستوى أعلى، كلما كان الرمز أكثر روعة.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">وصف اختيار مستوى الثروة الخاص</div>
|
||||
<p>يشمل مستوى الثروة ترقية تأثيرات دخول الغرفة المذهلة. كلما كان المستوى أعلى، كانت التأثيرات أكثر روعة.</p>
|
||||
<img src="./images/leve1-ar.png" alt="">
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">فتح امتيازات مستوى الثروة</div>
|
||||
<p>عند الوصول إلى المستوى 30 وما فوق، سيكون لكل دخول للغرفة تأثيرات مذهلة.</p>
|
||||
<img src="./images/leve2.png" alt="" class="img2">
|
||||
</div>
|
||||
`,
|
||||
text7: `
|
||||
<div class="ruleText">
|
||||
<div class="title">وصف مستوى الثروة</div>
|
||||
<p>مستوى الجاذبية هو السمة التي تعبر عن نمو جاذبيتك الشخصية على هذه المنصة. لكل هدية تساوي 1 عملة ذهبية، تجمع نقطة جاذبية واحدة. كلما زاد مستواك، سيتغير لون شارة المستوى وفقًا لذلك!</p>
|
||||
<img src="./images/img3-ar.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
}
|
||||
}
|
||||
@@ -1,15 +1,47 @@
|
||||
// 英文
|
||||
langEn = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
img1:'./images/wealth-en.png',
|
||||
img2:'./images/charm-en.png',
|
||||
title: 'Level Description',
|
||||
text1: 'Wealth Level',
|
||||
text2: 'Charm Level',
|
||||
text3: 'Wealth Value:',
|
||||
text4: 'Wealth Value Required for Upgrade:',
|
||||
text5: 'Charm Value:',
|
||||
text6: 'Charm Value Required for Upgrade:',
|
||||
layerIndex1: `Loading...`,
|
||||
layerIndex2: `Success`,
|
||||
layerIndex3: `Network error`,
|
||||
text1:`Level`,
|
||||
text2:`Wealth Level`,
|
||||
text3:`Charm Level`,
|
||||
text4:`Wealth Value:`,
|
||||
text5:`Wealth Value Required for upgrade:`,
|
||||
text6:`
|
||||
<div class="ruleText">
|
||||
<div class="title">How to upgrade</div>
|
||||
<p>For every gift of 1 gold coins, you can accumulate 1 experience point. The more experience points you
|
||||
accumulate, the higher your level will be.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Obtaining Conditions</div>
|
||||
<p>1. Users at Lv.1 and above can receive a levelbadge.</p>
|
||||
<p>2. Users at Lv.30 and above can unlock level privileges (room entry dazzling special effects).</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Level lcon Description</div>
|
||||
<p>The level icon will be displayed on the room screen, personal profle page, and other places.The higher
|
||||
the level, the cooler the icon.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Wealth Level Special Selection Description</div>
|
||||
<p>Wealth level includes upgrading room entry dazzling special effects. The higher the level,the cooler the
|
||||
entry special effects.</p>
|
||||
<img src="./images/leve1.png" alt="">
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Unlock wealth level privileges</div>
|
||||
<p>Upon reaching Lv.30 and above, each room entry will have dazzling special effects.</p>
|
||||
<img src="./images/leve2.png" alt="" class="img2">
|
||||
</div>
|
||||
`,
|
||||
text7:`
|
||||
<div class="ruleText">
|
||||
<div class="title">Wealth Level Description</div>
|
||||
<p>Charm level is the growth attribute of your personal charm on this platform. For every gold coins gift received, you accumulate one charmpoint. As your level increases, your level badge will change color accordingly!</p>
|
||||
<img src="./images/img3.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
}
|
||||
}
|
||||
@@ -2,14 +2,45 @@
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
img1:'./images/wealth.png',
|
||||
img2:'./images/charm.png',
|
||||
title:'等级说明',
|
||||
text1:'财富等级',
|
||||
text2:'魅力等级',
|
||||
text3:'財富值：',
|
||||
text4:'升級所需財富值：',
|
||||
text5:'魅力值：',
|
||||
text6:'升級所需魅力值：',
|
||||
layerIndex1: `加载中...`,
|
||||
layerIndex2: `成功`,
|
||||
layerIndex3: `网络错误`,
|
||||
text1: `等級`,
|
||||
text2: `財富等級`,
|
||||
text3: `魅力等級`,
|
||||
text4: `財富值：`,
|
||||
text5: `升級所需財富值：`,
|
||||
text6: `
|
||||
<div class="ruleText">
|
||||
<div class="title">如何升級</div>
|
||||
<p>每贈送 1 金幣禮物，可累積 1 點經驗值。累積的經驗值越多，等級越高。</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">獲得條件</div>
|
||||
<p>1. 等級達 Lv.1 及以上用戶可獲得等級徽章。</p>
|
||||
<p>2. 等級達 Lv.30 及以上用戶可解鎖等級特權（進房間時炫酷特效）。</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">等級圖標描述</div>
|
||||
<p>等級圖標會顯示在房間屏幕、個人檔案頁面等位置。等級越高，圖標越酷炫。</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">財富等級特殊選項描述</div>
|
||||
<p>財富等級包括升級房間進入炫酷特效。等級越高，進入特效越酷炫。</p>
|
||||
<img src="./images/leve1-zh.png" alt="">
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">解鎖財富等級特權</div>
|
||||
<p>達到 Lv.30 及以上時，每次進房間將有炫酷特效。</p>
|
||||
<img src="./images/leve2.png" alt="" class="img2">
|
||||
</div>
|
||||
`,
|
||||
text7: `
|
||||
<div class="ruleText">
|
||||
<div class="title">財富等級描述</div>
|
||||
<p>魅力等級是您在此平台上的個人魅力成長屬性。每收到 1 金幣禮物，可累積 1 魅力值。隨著等級提升，等級徽章的顏色將相應改變！</p>
|
||||
<img src="./images/img3-zh.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
}
|
||||
}
|
||||
308
view/molistar/modules/levelNew/css/index.css
Normal file
308
view/molistar/modules/levelNew/css/index.css
Normal file
@@ -0,0 +1,308 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #0F0900;
|
||||
}
|
||||
|
||||
html .page1 .back,
|
||||
body .page1 .back {
|
||||
width: 10rem;
|
||||
height: 6.96rem;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0rem;
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
background: url(../images/top.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
html .page1 .back .backIcon,
|
||||
body .page1 .back .backIcon {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
left: 0.4rem;
|
||||
top: 1.46667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
html .page1 .back .tab,
|
||||
body .page1 .back .tab {
|
||||
width: 80%;
|
||||
height: 0.64rem;
|
||||
line-height: 0.64rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
top: 1.36rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
font-size: 0.45333rem;
|
||||
font-weight: 400;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
html .page1 .back .tab div,
|
||||
body .page1 .back .tab div {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
html .page1 .back .tab .act,
|
||||
body .page1 .back .tab .act {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo,
|
||||
body .page1 .back .myInfo {
|
||||
width: 9.02667rem;
|
||||
height: 4.57333rem;
|
||||
background: url(../images/myInfoBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 2.4rem auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .tx,
|
||||
body .page1 .back .myInfo .tx {
|
||||
width: 1.68rem;
|
||||
height: 1.68rem;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: 0.72rem;
|
||||
left: 0.56rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .top,
|
||||
body .page1 .back .myInfo .top {
|
||||
position: absolute;
|
||||
top: 0.90667rem;
|
||||
left: 2.48rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
width: 3rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .top .level,
|
||||
body .page1 .back .myInfo .top .level {
|
||||
color: #613B00;
|
||||
font-size: 0.48rem;
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .top .levelIcon,
|
||||
body .page1 .back .myInfo .top .levelIcon {
|
||||
display: inline-block;
|
||||
width: 1.30667rem;
|
||||
height: 0.66667rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .bootom,
|
||||
body .page1 .back .myInfo .bootom {
|
||||
position: absolute;
|
||||
left: 2.48rem;
|
||||
font-size: 0.34667rem;
|
||||
color: #613B00;
|
||||
font-weight: 500;
|
||||
top: 1.70667rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .lineBox,
|
||||
body .page1 .back .myInfo .lineBox {
|
||||
width: 7.92rem;
|
||||
height: 0.16rem;
|
||||
border-radius: 0.16rem;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
top: 3.12rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .lineBox .line,
|
||||
body .page1 .back .myInfo .lineBox .line {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: linear-gradient(90deg, #FFA01E 0%, #FFC16C 100%);
|
||||
border-radius: 0.16rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .lineBox .thisLevel,
|
||||
body .page1 .back .myInfo .lineBox .thisLevel {
|
||||
color: #613B00;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: -0.50667rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .lineBox .thisLevel b,
|
||||
body .page1 .back .myInfo .lineBox .thisLevel b {
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .lineBox .nextLevel,
|
||||
body .page1 .back .myInfo .lineBox .nextLevel {
|
||||
color: #613B00;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -0.50667rem;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo .lineBox .nextLevel b,
|
||||
body .page1 .back .myInfo .lineBox .nextLevel b {
|
||||
font-size: 0.32rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
html .page1 .back .myInfo p,
|
||||
body .page1 .back .myInfo p {
|
||||
text-align: center;
|
||||
color: #613B00;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 5.33333rem;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 3.44rem;
|
||||
}
|
||||
|
||||
html .page1 .rule,
|
||||
body .page1 .rule {
|
||||
width: 100%;
|
||||
margin-top: 7.3rem;
|
||||
}
|
||||
|
||||
html .page1 .rule .ruleText,
|
||||
body .page1 .rule .ruleText {
|
||||
width: 9.2rem;
|
||||
padding: 0.98667rem 0.32rem 0.42667rem;
|
||||
position: relative;
|
||||
background: linear-gradient(180deg, #432405 0%, #201201 100%);
|
||||
border: 0.01333rem solid #C98853;
|
||||
border-radius: 0.26667rem;
|
||||
margin: 0 auto 0.50667rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html .page1 .rule .ruleText .title,
|
||||
body .page1 .rule .ruleText .title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
padding: 0rem 0.45333rem;
|
||||
text-align: center;
|
||||
color: #3E2000;
|
||||
height: 0.69333rem;
|
||||
line-height: 0.64rem;
|
||||
background: linear-gradient(270deg, #FFB761 0%, #FFE8CC 47%, #FFB761 100%);
|
||||
border-top-left-radius: 0rem;
|
||||
border-top-right-radius: 0rem;
|
||||
border-bottom-left-radius: 0.26667rem;
|
||||
border-bottom-right-radius: 0.26667rem;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
html .page1 .rule .ruleText p,
|
||||
body .page1 .rule .ruleText p {
|
||||
color: #FCD19D;
|
||||
font-weight: 400;
|
||||
font-size: 0.34667rem;
|
||||
line-height: 0.48rem;
|
||||
}
|
||||
|
||||
html .page1 .rule .ruleText img,
|
||||
body .page1 .rule .ruleText img {
|
||||
display: block;
|
||||
margin: 0.37333rem auto 0rem;
|
||||
width: 8.56rem;
|
||||
}
|
||||
|
||||
html .page1 .rule .ruleText .img2,
|
||||
body .page1 .rule .ruleText .img2 {
|
||||
width: 7.14667rem;
|
||||
margin: 0.37333rem 0 0 0;
|
||||
}
|
||||
|
||||
html .page2 .back,
|
||||
body .page2 .back {
|
||||
background: url(../images/top2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
html .page2 .back .myInfo,
|
||||
body .page2 .back .myInfo {
|
||||
background: url(../images/myInfoBg2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
html .page2 .back .myInfo .top .level,
|
||||
body .page2 .back .myInfo .top .level {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
html .page2 .back .myInfo .bootom,
|
||||
body .page2 .back .myInfo .bootom {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
html .page2 .back .myInfo .lineBox .line,
|
||||
body .page2 .back .myInfo .lineBox .line {
|
||||
background: linear-gradient(90deg, #A964FF 0%, #CC99FF 98%);
|
||||
}
|
||||
|
||||
html .page2 .back .myInfo .lineBox .thisLevel,
|
||||
body .page2 .back .myInfo .lineBox .thisLevel {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
html .page2 .back .myInfo .lineBox .nextLevel,
|
||||
body .page2 .back .myInfo .lineBox .nextLevel {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
html .page2 .back .myInfo p,
|
||||
body .page2 .back .myInfo p {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
html .page2 .rule2,
|
||||
body .page2 .rule2 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
html .page2 .rule2 .ruleText,
|
||||
body .page2 .rule2 .ruleText {
|
||||
background: linear-gradient(180deg, #220543 0%, #160120 100%);
|
||||
border: 0.01333rem solid #7E53C9;
|
||||
}
|
||||
|
||||
html .page2 .rule2 .ruleText .title,
|
||||
body .page2 .rule2 .ruleText .title {
|
||||
background: linear-gradient(270deg, #D0B1FF 3%, #F8F4FF 47%, #D0B1FF 100%);
|
||||
}
|
||||
|
||||
html .page2 .rule2 .ruleText p,
|
||||
body .page2 .rule2 .ruleText p {
|
||||
color: #E7B8FF;
|
||||
}
|
||||
|
||||
.rule2 {
|
||||
display: none;
|
||||
}
|
||||
287
view/molistar/modules/levelNew/css/index.scss
Normal file
287
view/molistar/modules/levelNew/css/index.scss
Normal file
@@ -0,0 +1,287 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #0F0900;
|
||||
|
||||
.page1 {
|
||||
.back {
|
||||
width: px2rem(750);
|
||||
height: px2rem(522);
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(0);
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
background: url(../images/top.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.backIcon {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
left: px2rem(30);
|
||||
top: px2rem(110);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 80%;
|
||||
height: px2rem(48);
|
||||
line-height: px2rem(48);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
top: px2rem(102);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
color: rgba(255, 255, 255, .5);
|
||||
font-size: px2rem(34);
|
||||
font-weight: 400;
|
||||
z-index: 2;
|
||||
|
||||
div {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #fff;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.myInfo {
|
||||
width: px2rem(677);
|
||||
height: px2rem(343);
|
||||
background: url(../images/myInfoBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(180) auto;
|
||||
position: relative;
|
||||
|
||||
.tx {
|
||||
width: px2rem(126);
|
||||
height: px2rem(126);
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
top: px2rem(54);
|
||||
left: px2rem(42);
|
||||
}
|
||||
|
||||
.top {
|
||||
position: absolute;
|
||||
top: px2rem(68);
|
||||
left: px2rem(186);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(50);
|
||||
width: 3rem;
|
||||
|
||||
.level {
|
||||
color: #613B00;
|
||||
font-size: px2rem(36);
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.levelIcon {
|
||||
display: inline-block;
|
||||
width: px2rem(98);
|
||||
height: px2rem(50);
|
||||
}
|
||||
}
|
||||
|
||||
.bootom {
|
||||
position: absolute;
|
||||
left: px2rem(186);
|
||||
font-size: px2rem(26);
|
||||
color: #613B00;
|
||||
font-weight: 500;
|
||||
top: px2rem(128);
|
||||
}
|
||||
|
||||
.lineBox {
|
||||
width: px2rem(594);
|
||||
height: px2rem(12);
|
||||
border-radius: px2rem(12);
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
top: px2rem(234);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
.line {
|
||||
width: 0%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
background: linear-gradient(90deg, #FFA01E 0%, #FFC16C 100%);
|
||||
border-radius: px2rem(12);
|
||||
}
|
||||
|
||||
.thisLevel {
|
||||
color: #613B00;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(-38);
|
||||
|
||||
b {
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.nextLevel {
|
||||
color: #613B00;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: px2rem(-38);
|
||||
|
||||
b {
|
||||
font-size: px2rem(24);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
text-align: center;
|
||||
color: #613B00;
|
||||
font-size: px2rem(24);
|
||||
font-weight: px2rem(400);
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(258);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rule {
|
||||
width: 100%;
|
||||
margin-top: 7.3rem;
|
||||
// display: none;
|
||||
.ruleText {
|
||||
width: px2rem(690);
|
||||
padding: px2rem(74) px2rem(24) px2rem(32);
|
||||
position: relative;
|
||||
background: linear-gradient(180deg, #432405 0%, #201201 100%);
|
||||
border: px2rem(1) solid #C98853;
|
||||
border-radius: px2rem(20);
|
||||
margin: 0 auto px2rem(38);
|
||||
box-sizing: border-box;
|
||||
|
||||
.title {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
padding: px2rem(0) px2rem(34);
|
||||
text-align: center;
|
||||
color: #3E2000;
|
||||
height: px2rem(52);
|
||||
line-height: px2rem(48);
|
||||
background: linear-gradient(270deg, #FFB761 0%, #FFE8CC 47%, #FFB761 100%);
|
||||
border-top-left-radius: px2rem(0);
|
||||
border-top-right-radius: px2rem(0);
|
||||
border-bottom-left-radius: px2rem(20);
|
||||
border-bottom-right-radius: px2rem(20);
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
p {
|
||||
color: #FCD19D;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(26);
|
||||
line-height: px2rem(36);
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
margin: px2rem(28) auto px2rem(0);
|
||||
width: px2rem(642);
|
||||
}
|
||||
|
||||
.img2 {
|
||||
width: px2rem(536);
|
||||
margin: px2rem(28) 0 0 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.page2 {
|
||||
.back {
|
||||
background: url(../images/top2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.myInfo {
|
||||
background: url(../images/myInfoBg2.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
|
||||
.tx {}
|
||||
|
||||
.top {
|
||||
|
||||
.level {
|
||||
color: #571E6D;
|
||||
}
|
||||
}
|
||||
|
||||
.bootom {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
.lineBox {
|
||||
|
||||
.line {
|
||||
background: linear-gradient(90deg, #A964FF 0%, #CC99FF 98%);
|
||||
}
|
||||
|
||||
.thisLevel {
|
||||
color: #571E6D;
|
||||
}
|
||||
|
||||
.nextLevel {
|
||||
color: #571E6D;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
color: #571E6D;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.rule2 {
|
||||
display: none;
|
||||
|
||||
.ruleText {
|
||||
background: linear-gradient(180deg, #220543 0%, #160120 100%);
|
||||
border: px2rem(1) solid #7E53C9;
|
||||
|
||||
.title {
|
||||
background: linear-gradient(270deg, #D0B1FF 3%, #F8F4FF 47%, #D0B1FF 100%);
|
||||
}
|
||||
|
||||
p {
|
||||
color: #E7B8FF;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.rule2{
|
||||
display: none;
|
||||
}
|
||||
BIN
view/molistar/modules/levelNew/images/img3-ar.png
Normal file
BIN
view/molistar/modules/levelNew/images/img3-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
view/molistar/modules/levelNew/images/img3-zh.png
Normal file
BIN
view/molistar/modules/levelNew/images/img3-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
view/molistar/modules/levelNew/images/img3.png
Normal file
BIN
view/molistar/modules/levelNew/images/img3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
view/molistar/modules/levelNew/images/leve1-ar.png
Normal file
BIN
view/molistar/modules/levelNew/images/leve1-ar.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 50 KiB |
BIN
view/molistar/modules/levelNew/images/leve1-zh.png
Normal file
BIN
view/molistar/modules/levelNew/images/leve1-zh.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
view/molistar/modules/levelNew/images/leve1.png
Normal file
BIN
view/molistar/modules/levelNew/images/leve1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 49 KiB |
BIN
view/molistar/modules/levelNew/images/leve2.png
Normal file
BIN
view/molistar/modules/levelNew/images/leve2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
view/molistar/modules/levelNew/images/myInfoBg.png
Normal file
BIN
view/molistar/modules/levelNew/images/myInfoBg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
view/molistar/modules/levelNew/images/myInfoBg2.png
Normal file
BIN
view/molistar/modules/levelNew/images/myInfoBg2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
view/molistar/modules/levelNew/images/null.png
Normal file
BIN
view/molistar/modules/levelNew/images/null.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
view/molistar/modules/levelNew/images/top.png
Normal file
BIN
view/molistar/modules/levelNew/images/top.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
view/molistar/modules/levelNew/images/top2.png
Normal file
BIN
view/molistar/modules/levelNew/images/top2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
BIN
view/molistar/modules/levelNew/images/travel/back.png
Normal file
BIN
view/molistar/modules/levelNew/images/travel/back.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/modules/levelNew/images/travel/backB.png
Normal file
BIN
view/molistar/modules/levelNew/images/travel/backB.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
57
view/molistar/modules/levelNew/index.html
Normal file
57
view/molistar/modules/levelNew/index.html
Normal file
@@ -0,0 +1,57 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title class="text1"></title>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body class="page1">
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img class="backIcon" src="./images/travel/back.png" alt="">
|
||||
<div class="tab">
|
||||
<div class="act text2"></div>
|
||||
<div class="text3"></div>
|
||||
</div>
|
||||
<!-- 自己信息 -->
|
||||
<div class="myInfo">
|
||||
<img src="./images/null.png" alt="" class="tx">
|
||||
<div class="top">
|
||||
<div class="level">LV.<b>0</b></div>
|
||||
<img src="" alt="" class="levelIcon">
|
||||
</div>
|
||||
<div class="bootom"><b class="text4"></b><strong>0</strong></div>
|
||||
<div class="lineBox">
|
||||
<div class="thisLevel">LV.<b>0</b></div>
|
||||
<div class="line"></div>
|
||||
<div class="nextLevel">LV.<b>0</b></div>
|
||||
</div>
|
||||
<p><b class="text5"></b><strong>0</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 内容部分 -->
|
||||
<div class="rule rule1 text6">
|
||||
|
||||
</div>
|
||||
<div class="rule rule2 text7">
|
||||
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="../../common/js/svga.min.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
158
view/molistar/modules/levelNew/js/index.js
Normal file
158
view/molistar/modules/levelNew/js/index.js
Normal file
@@ -0,0 +1,158 @@
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var userExper;
|
||||
var userCharm;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back .backIcon').click(() => {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.closeWebView()
|
||||
} else {
|
||||
window.webkit.messageHandlers.closeWebView.postMessage(null)
|
||||
}
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
getUserExper();
|
||||
getUserCharm();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.demoModule.text1));
|
||||
$('.text2').text(langReplace(localLang.demoModule.text2));
|
||||
$('.text3').text(langReplace(localLang.demoModule.text3));
|
||||
$('.text4').text(langReplace(localLang.demoModule.text4));
|
||||
$('.text5').text(langReplace(localLang.demoModule.text5));
|
||||
$('.text6').html(langReplace(localLang.demoModule.text6));
|
||||
$('.text7').html(langReplace(localLang.demoModule.text7));
|
||||
}
|
||||
// 配置接口
|
||||
function getUserExper() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/userLevel/getUserExper',
|
||||
data: { uid: pubInfo.uid, ticket: pubInfo.ticket },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
userExper = res.data;
|
||||
dataFun(1);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 配置接口
|
||||
function getUserCharm() {
|
||||
showLoading()
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/userLevel/getUserCharm',
|
||||
data: { uid: pubInfo.uid, ticket: pubInfo.ticket },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
userCharm = res.data;
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
function dataFun(type) {
|
||||
if (type == 1) {
|
||||
$('.myInfo .tx').attr('src', userExper.avatar);
|
||||
$('.myInfo .levelIcon').attr('src', userExper.userLevelExperience.levelExperience.url1);
|
||||
$('.myInfo .level b').text(userExper.userLevelExperience.levelExperience.levelSeq);
|
||||
$('.myInfo .bootom strong').text(userExper.userLevelExperience.amount);
|
||||
|
||||
var amount = userExper.userLevelExperience.nextLevelExperience.amount - userExper.userLevelExperience.levelExperience.amount;
|
||||
$('.myInfo p strong').text(userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? '∞' : amount);
|
||||
|
||||
$('.myInfo .lineBox .thisLevel b').text(userExper.userLevelExperience.levelExperience.levelSeq);
|
||||
$('.myInfo .lineBox .nextLevel b').text(userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? 100 : userExper.userLevelExperience.nextLevelExperience.levelSeq);
|
||||
var cssNum = userExper.userLevelExperience.levelExperience.levelSeq >= 100 ? 100 : (userExper.userLevelExperience.levelExperience.amount / userExper.userLevelExperience.nextLevelExperience.amount) * 100;
|
||||
$('.lineBox .line').css('width', cssNum + '%');
|
||||
} else {
|
||||
$('.myInfo .tx').attr('src', userCharm.avatar);
|
||||
$('.myInfo .levelIcon').attr('src', userCharm.userLevelCharm.levelCharm.url1);
|
||||
$('.myInfo .level b').text(userCharm.userLevelCharm.levelCharm.levelSeq);
|
||||
$('.myInfo .bootom strong').text(userCharm.userLevelCharm.amount);
|
||||
|
||||
var amount = userCharm.userLevelCharm.nextLevelCharm.amount - userCharm.userLevelCharm.levelCharm.amount;
|
||||
$('.myInfo p strong').text(userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? '∞' : amount);
|
||||
|
||||
$('.myInfo .lineBox .thisLevel b').text(userCharm.userLevelCharm.levelCharm.levelSeq);
|
||||
$('.myInfo .lineBox .nextLevel b').text(userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? 100 : userCharm.userLevelCharm.nextLevelCharm.levelSeq);
|
||||
var cssNum = userCharm.userLevelCharm.levelCharm.levelSeq >= 100 ? 100 : (userCharm.userLevelCharm.levelCharm.amount / userCharm.userLevelCharm.nextLevelCharm.amount) * 100;
|
||||
$('.lineBox .line').css('width', cssNum + '%');
|
||||
}
|
||||
|
||||
}
|
||||
// 切换
|
||||
$('.back .tab div').click(function () {
|
||||
var i = $(this).index() + 1;
|
||||
$(this).addClass('act').siblings().removeClass('act');;
|
||||
if (i == 1) {
|
||||
$('body').removeClass('page2');
|
||||
} else {
|
||||
$('body').addClass('page2');
|
||||
}
|
||||
$('.rule1,.rule2').hide();
|
||||
$(`.rule${i}`).show()
|
||||
dataFun(i);
|
||||
})
|
||||
46
view/molistar/modules/levelNew/local/ar.js
Normal file
46
view/molistar/modules/levelNew/local/ar.js
Normal file
@@ -0,0 +1,46 @@
|
||||
// 阿拉伯
|
||||
langAr = {
|
||||
// 模块
|
||||
demoModule: {
|
||||
layerIndex1: `جاري التحميل...`,
|
||||
layerIndex2: `نجاح`,
|
||||
layerIndex3: `خطأ في الشبكة`,
|
||||
text1: `المستوى`,
|
||||
text2: `مستوى الثروة`,
|
||||
text3: `مستوى الجاذبية`,
|
||||
text4: `قيمة الثروة:`,
|
||||
text5: `قيمة الثروة المطلوبة للترقية:`,
|
||||
text6: `
|
||||
<div class="ruleText">
|
||||
<div class="title">كيفية الترقية</div>
|
||||
<p>لكل هدية تساوي 1 عملة ذهبية، يمكنك جمع نقطة خبرة واحدة. كلما زادت نقاط الخبرة التي تجمعها، زاد مستواك.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">شروط الحصول</div>
|
||||
<p>1. يمكن للمستخدمين من المستوى 1 وما فوق الحصول على شارة المستوى.</p>
|
||||
<p>2. يمكن للمستخدمين من المستوى 30 وما فوق فتح امتيازات المستوى (تأثيرات دخول مذهلة للغرفة).</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">وصف رمز المستوى</div>
|
||||
<p>سيتم عرض رمز المستوى على شاشة الغرفة وصفحة الملف الشخصي وأماكن أخرى. كلما كان المستوى أعلى، كلما كان الرمز أكثر روعة.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">وصف اختيار مستوى الثروة الخاص</div>
|
||||
<p>يشمل مستوى الثروة ترقية تأثيرات دخول الغرفة المذهلة. كلما كان المستوى أعلى، كانت التأثيرات أكثر روعة.</p>
|
||||
<img src="./images/leve1-ar.png" alt="">
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">فتح امتيازات مستوى الثروة</div>
|
||||
<p>عند الوصول إلى المستوى 30 وما فوق، سيكون لكل دخول للغرفة تأثيرات مذهلة.</p>
|
||||
<img src="./images/leve2.png" alt="" class="img2">
|
||||
</div>
|
||||
`,
|
||||
text7: `
|
||||
<div class="ruleText">
|
||||
<div class="title">وصف مستوى الثروة</div>
|
||||
<p>مستوى الجاذبية هو السمة التي تعبر عن نمو جاذبيتك الشخصية على هذه المنصة. لكل هدية تساوي 1 عملة ذهبية، تجمع نقطة جاذبية واحدة. كلما زاد مستواك، سيتغير لون شارة المستوى وفقًا لذلك!</p>
|
||||
<img src="./images/img3-ar.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
}
|
||||
}
|
||||
47
view/molistar/modules/levelNew/local/en.js
Normal file
47
view/molistar/modules/levelNew/local/en.js
Normal file
@@ -0,0 +1,47 @@
|
||||
langEn = {
|
||||
demoModule: {
|
||||
layerIndex1: `Loading...`,
|
||||
layerIndex2: `Success`,
|
||||
layerIndex3: `Network error`,
|
||||
text1:`Level`,
|
||||
text2:`Wealth Level`,
|
||||
text3:`Charm Level`,
|
||||
text4:`Wealth Value:`,
|
||||
text5:`Wealth Value Required for upgrade:`,
|
||||
text6:`
|
||||
<div class="ruleText">
|
||||
<div class="title">How to upgrade</div>
|
||||
<p>For every gift of 1 gold coins, you can accumulate 1 experience point. The more experience points you
|
||||
accumulate, the higher your level will be.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Obtaining Conditions</div>
|
||||
<p>1. Users at Lv.1 and above can receive a levelbadge.</p>
|
||||
<p>2. Users at Lv.30 and above can unlock level privileges (room entry dazzling special effects).</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Level lcon Description</div>
|
||||
<p>The level icon will be displayed on the room screen, personal profle page, and other places.The higher
|
||||
the level, the cooler the icon.</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Wealth Level Special Selection Description</div>
|
||||
<p>Wealth level includes upgrading room entry dazzling special effects. The higher the level,the cooler the
|
||||
entry special effects.</p>
|
||||
<img src="./images/leve1.png" alt="">
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">Unlock wealth level privileges</div>
|
||||
<p>Upon reaching Lv.30 and above, each room entry will have dazzling special effects.</p>
|
||||
<img src="./images/leve2.png" alt="" class="img2">
|
||||
</div>
|
||||
`,
|
||||
text7:`
|
||||
<div class="ruleText">
|
||||
<div class="title">Wealth Level Description</div>
|
||||
<p>Charm level is the growth attribute of your personal charm on this platform. For every gold coins gift received, you accumulate one charmpoint. As your level increases, your level badge will change color accordingly!</p>
|
||||
<img src="./images/img3.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
}
|
||||
}
|
||||
46
view/molistar/modules/levelNew/local/zh.js
Normal file
46
view/molistar/modules/levelNew/local/zh.js
Normal file
@@ -0,0 +1,46 @@
|
||||
// 中文
|
||||
langZh = {
|
||||
// 模塊
|
||||
demoModule: {
|
||||
layerIndex1: `加载中...`,
|
||||
layerIndex2: `成功`,
|
||||
layerIndex3: `网络错误`,
|
||||
text1: `等級`,
|
||||
text2: `財富等級`,
|
||||
text3: `魅力等級`,
|
||||
text4: `財富值：`,
|
||||
text5: `升級所需財富值：`,
|
||||
text6: `
|
||||
<div class="ruleText">
|
||||
<div class="title">如何升級</div>
|
||||
<p>每贈送 1 金幣禮物，可累積 1 點經驗值。累積的經驗值越多，等級越高。</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">獲得條件</div>
|
||||
<p>1. 等級達 Lv.1 及以上用戶可獲得等級徽章。</p>
|
||||
<p>2. 等級達 Lv.30 及以上用戶可解鎖等級特權（進房間時炫酷特效）。</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">等級圖標描述</div>
|
||||
<p>等級圖標會顯示在房間屏幕、個人檔案頁面等位置。等級越高，圖標越酷炫。</p>
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">財富等級特殊選項描述</div>
|
||||
<p>財富等級包括升級房間進入炫酷特效。等級越高，進入特效越酷炫。</p>
|
||||
<img src="./images/leve1-zh.png" alt="">
|
||||
</div>
|
||||
<div class="ruleText">
|
||||
<div class="title">解鎖財富等級特權</div>
|
||||
<p>達到 Lv.30 及以上時，每次進房間將有炫酷特效。</p>
|
||||
<img src="./images/leve2.png" alt="" class="img2">
|
||||
</div>
|
||||
`,
|
||||
text7: `
|
||||
<div class="ruleText">
|
||||
<div class="title">財富等級描述</div>
|
||||
<p>魅力等級是您在此平台上的個人魅力成長屬性。每收到 1 金幣禮物，可累積 1 魅力值。隨著等級提升，等級徽章的顏色將相應改變！</p>
|
||||
<img src="./images/img3-zh.png" alt="">
|
||||
</div>
|
||||
`,
|
||||
}
|
||||
}
|
||||
@@ -188,5 +188,6 @@
|
||||
<script src="./local/en.js?v=1.4"></script>
|
||||
<script src="./local/zh.js?v=1.4"></script>
|
||||
<script src="./local/ar.js?v=1.4"></script>
|
||||
<script src="./local/tr.js?v=1.4"></script>
|
||||
<script src="./js/index.js?v=1.4"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
50
view/molistar/modules/pay/local/tr.js
Normal file
50
view/molistar/modules/pay/local/tr.js
Normal file
@@ -0,0 +1,50 @@
|
||||
langTr = {
|
||||
demoModule: {
|
||||
text20: './images/guide.png',
|
||||
layerIndex1: `Yükleniyor...`,
|
||||
layerIndex2: `İşlem tamamlandı`,
|
||||
layerIndex3: `Ağ hatası`,
|
||||
text1: `Yükle`,
|
||||
text2: `MoliStar Yükleme`,
|
||||
text3: `Lütfen yüklemek için Molistar ID'sini girin`,
|
||||
text4: `Onayla`,
|
||||
text5: `ID Değiştir`,
|
||||
text6: `Çevrimiçi yükleme`,
|
||||
text7: `Manuel Yükleme`,
|
||||
text8: `Öner`,
|
||||
text9: `Yükleme Yöntemi`,
|
||||
text10: `Yükleme Miktarı`,
|
||||
text11: `Yüklemeyi Onayla`,
|
||||
text12: `<p>Manuel Yükleme Açıklaması:</p>
|
||||
<p>Eğer yükleme ihtiyacınız varsa, aşağıdaki resmi yükleme acenteleri size yardımcı olabilir. "İletişim" butonuna tıklayarak doğrudan molistar Uygulamasına yönlendirilirsiniz. "İletişim" butonuna tıkladığınızda yanıt alınmazsa, "ID Kopyala" butonuna tıklayıp ID'yi arama yapmak için uygulamaya girin. Ajan ödeme aldıktan sonra coin'leri hesabınıza doğrudan gönderecektir.</p>`,
|
||||
text13: `Platform imzalı yükleme`,
|
||||
text14: `<p><img src="./images/trueIcon.png" alt="" class=""> "Kullanıcı Yükleme Sözleşmesi" ve <a href="../rule/rechargeAgreement.html">"Gizlilik Politikası"</a>'nı okudum ve kabul ediyorum</p>
|
||||
<p>Herhangi bir sorunuz varsa, müşteri hizmetleriyle iletişime geçin</p>
|
||||
<p>Müşteri Hizmetleri WeChat: sd245376</p>`,
|
||||
text15: `Lütfen yükleme bölgesini onaylayın`,
|
||||
text16: `Hatalı kullanıcı ID'si, lütfen ID'yi değiştirerek tekrar deneyin`,
|
||||
text17: `Lütfen yükleme hedefini onaylayın`,
|
||||
text18: `İptal et`,
|
||||
text19: `Lütfen molistar'ı açın ve kullanıcıyı arayın`,
|
||||
text21: `Lütfen önce molistar ID'sini bağladığınızı onaylayın`,
|
||||
text22: `Lütfen yükleme yöntemini seçin`,
|
||||
text23: `Lütfen yükleme miktarını seçin`,
|
||||
text24: `Lütfen önce yükleme sözleşmesini kontrol edin`,
|
||||
text25: `Lütfen platform numarasını girin`,
|
||||
text26: `Bu bölgede geçici olarak imzalı bir yükleme acentesi bulunmamaktadır`,
|
||||
text27: `Çevrimiçi`,
|
||||
text28: `İletişim`,
|
||||
text29: `ID Kopyala`,
|
||||
text30: `Başarıyla kopyalandı`,
|
||||
text31: `Bu tarayıcı tıklayarak panoya kopyalamayı desteklemiyor`,
|
||||
text32: `Bu tarayıcı tıklayarak panoya kopyalamayı desteklemiyor`,
|
||||
copy: `Başarıyla kopyalandı`,
|
||||
pubText: `<p>Parayı aşağıdaki banka hesaplarına transfer ederek resmi müşteri hizmetleri ile iletişime geçerek coin alabilirsiniz.</p>
|
||||
<p><b>Vodafone Hesap:</b> 01002038365 <img src="./images/copy.png" alt="" id="copys" class="copy"></p>
|
||||
<p><b>Notlar:</b></p>
|
||||
<p>1 Günlük yükleme limiti 60.000 Mısır poundudur.</p>
|
||||
<p>2 Yükleme yaptıktan sonra, işlemi doğrulamak için lütfen resmi müşteri hizmetleri ile iletişime geçin, böylece coin'lerinizi zamanında yükleyebiliriz.</p>
|
||||
<p><b>Desteğiniz için teşekkür ederiz ve iyi kullanımlar dileriz!</b></p>
|
||||
</div>`,
|
||||
}
|
||||
}
|
||||
@@ -287,3 +287,8 @@ body {
|
||||
left: auto;
|
||||
right: 4.38667rem;
|
||||
}
|
||||
|
||||
.Turkiye .header {
|
||||
background: url(../images/header-tr.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user