Compare commits

...

63 Commits

Author SHA1 Message Date
dragon
58c9e09ea8 切换音符状态 2024-10-28 14:30:17 +08:00
dragon
22468bdfbc 修复自动播放异常问题 2024-10-28 11:08:13 +08:00
dragon
dc7aec7590 新增音乐周星榜 2024-10-28 10:55:49 +08:00
dragon
7f61d08030 万圣节主题周星榜 2024-10-28 10:55:48 +08:00
dragon
a0d2e78cd4 同步寻爱代码 2024-10-25 16:53:46 +08:00
dragon
8390d53cfb 补齐遗漏多语言 2024-10-25 16:53:45 +08:00
dragon
cd279cc869 修复tost不对问题 2024-10-25 16:53:45 +08:00
dragon
898e9a7a07 修改账单 2024-10-25 16:53:45 +08:00
dragon
be65800ed8 新增账单 2024-10-25 16:53:44 +08:00
dragon
4407ed5926 新增土耳其默认为英语 2024-10-25 16:53:44 +08:00
dragon
f63446e4a2 新增公会动图相关逻辑-英语&阿拉伯 2024-10-25 16:53:44 +08:00
dragon
77402a8e0b 欢乐砸蛋多语言完成 2024-10-25 16:52:03 +08:00
dragon
2b99e05e63 清除缓存 2024-10-16 18:05:44 +08:00
dragon
1693131b47 每日消费-新增华语区翻译 2024-10-16 17:18:16 +08:00
dragon
870d220e1e 完成boom分区规则 2024-10-15 18:07:05 +08:00
dragon
2af6e11cae boom规则暂存 2024-10-15 18:07:05 +08:00
dragon
70ed4423ed 修复宝箱显示异常问题 2024-10-15 17:00:22 +08:00
dragon
5bfb57a10a 新增等级限制 2024-10-15 16:21:08 +08:00
dragon
d7e85d3562 新增头像边框 2024-10-15 15:58:20 +08:00
dragon
deaf973b3e 修复样式,以及进度异常问题 2024-10-15 15:50:54 +08:00
dragon
911f5b4788 替换svga 2024-10-15 14:31:11 +08:00
dragon
584f1acffe 新增代理人身份判断 2024-10-15 13:50:13 +08:00
dragon
dcb3f8c59e 修复倒计时异常问题 2024-10-15 10:34:47 +08:00
dragon
8556f6f8de 完善每日消费 2024-10-14 17:39:31 +08:00
dragon
131bc932c2 恢复进度条默认值 2024-10-14 15:04:08 +08:00
dragon
dc40dbcf55 完成接口对接,暂存 2024-10-14 11:20:16 +08:00
dragon
31a83a7ece 完成每日消费静态页面暂存 2024-10-12 17:24:00 +08:00
dragon
2d6cb59568 优化样式 2024-10-11 18:23:07 +08:00
dragon
33b0bdd989 修改翻译 2024-10-11 15:21:18 +08:00
dragon
b77ff1a208 修复遗漏翻译 2024-10-11 15:14:25 +08:00
dragon
2b7e6e03b6 优化样式 2024-10-11 14:51:50 +08:00
dragon
9891bf533a 优化靓号申请 2024-10-09 13:44:21 +08:00
dragon
56b8a00b92 修复分页排行榜问题 2024-09-30 17:47:14 +08:00
dragon
cdf647b793 改变砸蛋ios传参 2024-09-30 17:21:44 +08:00
dragon
da4ea9537b 优化排行榜样式 2024-09-30 15:57:41 +08:00
dragon
60a487a1aa 修改背景颜色 2024-09-30 15:50:36 +08:00
dragon
642f9ae7c6 新增砸蛋 2024-09-30 15:34:32 +08:00
dragon
4f318a5cab 修复样式异常问题 2024-09-27 19:02:28 +08:00
dragon
090edcbaf2 调整样式 2024-09-27 15:47:31 +08:00
dragon
a923e32a29 修复提现方式异常问题 2024-09-27 14:54:13 +08:00
dragon
70ef4a6086 修改账户文案标题 2024-09-27 14:49:47 +08:00
dragon
63d5fb3e43 新增优化样式 2024-09-27 12:01:24 +08:00
dragon
0027331d6d 调整样式 2024-09-26 18:01:35 +08:00
dragon
d36dbd7d09 修复提现bug 2024-09-26 17:34:48 +08:00
dragon
bb442ae251 完成提现需求公会 2024-09-26 11:32:09 +08:00
dragon
273361001e 暂存 2024-09-26 10:31:50 +08:00
dragon
f1cf5ccdba 提现暂存 2024-09-26 10:31:50 +08:00
dragon
77a3bea3ef 修改隐私政策 2024-09-25 21:47:08 +08:00
dragon
07db8f5c66 修改隐私政策 2024-09-25 21:11:05 +08:00
dragon
e9b2550677 修改规则隐私政策 2024-09-25 17:49:04 +08:00
dragon
085e5fd422 修复周星异常问题 2024-09-25 17:41:59 +08:00
dragon
83e327e108 修改隐私政策 2024-09-25 17:17:15 +08:00
dragon
9788766176 修改官网暂存 2024-09-25 17:01:28 +08:00
dragon
9d81a08267 修复bug 2024-09-24 19:39:34 +08:00
dragon
7c38236ce6 修复bug 2024-09-24 19:32:13 +08:00
dragon
620292cb98 修复bug 2024-09-24 19:22:34 +08:00
dragon
e66fbe2d0a 修复异常bug 2024-09-24 19:09:40 +08:00
dragon
887e2516ef 修复bug 2024-09-24 18:50:02 +08:00
dragon
bb61ca8109 修复样式和bug 2024-09-24 18:50:02 +08:00
dragon
dfb17a43c0 新增英语区金币收益统计 2024-09-24 18:50:01 +08:00
dragon
1205c31f28 cp规则 2024-09-24 18:33:13 +08:00
dragon
697d93c044 新增cp规则 2024-09-24 10:25:19 +08:00
dragon
791b0c10cf 新增账单类型 2024-09-19 14:39:15 +08:00
250 changed files with 12865 additions and 1465 deletions

View File

@@ -840,6 +840,10 @@ function langCodeFun(langCode) {
} else if (langCode == "en") {
document.body.classList.add('english');
} else if (langCode == "tr") {
document.body.classList.add('Turkiye');
} else if (langCode == "zh") {
document.body.classList.add('china');
}
// if (window.location.href.match(/guildAr/)) {
// document.documentElement.setAttribute("dir", "ltr");

View File

@@ -35,9 +35,13 @@ function initLocalLang () {
window.lang.defaults = false
}else if (lang === 'tr' || window.location.href.match('=tr')) {
// 土耳其
console.log("langHandler" + '土耳其')
window.lang = langTr
window.lang.code = 'tr'
// console.log("langHandler" + '土耳其')
// window.lang = langTr
// window.lang.code = 'tr'
// window.lang.defaults = false
console.log("langHandler" + '英语/土耳其')
window.lang = langEn
window.lang.code = 'en'
window.lang.defaults = false
} else {
console.log("langHandler" + '默认英语')

View File

@@ -62,6 +62,16 @@
font-size: 0.25333rem;
font-weight: bold;
}
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;
@@ -94,7 +104,11 @@
html .bootom p {
margin-top: 0.1rem;
font-size: 0.15rem;
color: #B8B7BF;
color: #fff;
}
body .bootom p a,
html .bootom p a {
color: #fff;
}
}

View File

@@ -224,7 +224,8 @@
margin-top: -0.01rem;
}
}
.language{
.language {
color: #fff;
position: absolute;
height: 0.5rem;
@@ -235,6 +236,16 @@
font-weight: bold;
}
.privacy {
color: #fff;
position: absolute;
height: 0.5rem;
line-height: 0.5rem;
left: 6.4rem;
top: .3rem;
width: 3rem;
}
.pcIos {
width: 2.9rem;
height: 0.64rem;
@@ -271,7 +282,11 @@
margin-top: 0.1rem;
// margin-bottom: 0.1rem;
font-size: 0.15rem;
color: #B8B7BF;
color: #fff;
a {
color: #fff;
}
}
}
}
@@ -979,4 +994,5 @@
}
}
}
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 218 KiB

After

Width:  |  Height:  |  Size: 229 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 206 KiB

After

Width:  |  Height:  |  Size: 213 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 211 KiB

After

Width:  |  Height:  |  Size: 210 KiB

View File

@@ -28,13 +28,15 @@
<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>Vele Network Technology Limited</p>
<p>Molistar Team</p>
</div>
</div>
</div>
@@ -113,6 +115,10 @@
<span class="text6"></span>
<img src="./images/rightIcon.png" alt="">
</li>
<li>
<a href=""><span class="text7"></span></a>
<img src="./images/rightIcon.png" alt="">
</li>
</ul>
</div>

View File

@@ -62,7 +62,7 @@ $(function () {
];
setTimeout(function () {
function getUserLanguage() {
console.log('ssss',navigator,navigator.language, navigator.userLanguage);
console.log('ssss', navigator, navigator.language, navigator.userLanguage);
return navigator.language || navigator.userLanguage; // 兼容不同浏览器的方式
}
// var langCode = getLanguageCode(getUserLanguage());
@@ -91,8 +91,10 @@ $(function () {
if (langCode == 'zh') {
$('.language').html('<b>中文</b> ▼')
} else if (langCode == 'ar') {
$('.privacy').css('left', '7.4rem')
$('.language').html('<b>العربية</b> ▼')
} else {
$('.privacy').css('left', '7.4rem')
$('.language').html('<b>English</b> ▼')
}
history.replaceState(null, null, updateQueryStringParameter(window.location.href, 'lang', langCode));
@@ -114,6 +116,7 @@ function translateFun() {
$('.text4').text(langReplace(localLang.demoModule.text4))
$('.text5').text(langReplace(localLang.demoModule.text5))
$('.text6').text(langReplace(localLang.demoModule.text6))
$('.text7').text(langReplace(localLang.demoModule.text7))
$('.textss').text(langReplace(localLang.demoModule.textss))
$('.homePc').attr('style', langReplace(localLang.demoModule.homePc))
$('#img2').html(langReplace(localLang.demoModule.img2))
@@ -168,9 +171,11 @@ function translateFun() {
index = 0;
} else if (i == 2) {
window.location = `${urlPrefix}/molistar/modules/h5Income/login.html`
} else {
} else if (i == 3) {
$('.menu').css("height", "0%");
$('.contactUs_pub').show();
} else {
location.href = `../modules/rule/privacy-wap.html`
}
})
// 關閉聯繫我們彈窗
@@ -364,6 +369,6 @@ function handleResize() {
location.reload()
// 这里可以添加更多的逻辑,比如检查窗口的新尺寸
}
// 监听窗口大小变化事件
window.addEventListener('resize', handleResize);

View File

@@ -8,6 +8,7 @@ langAr = {
text4: `الصفحة الرئيسية`,
text5: `المحفظة`,
text6: `اتصل بنا`,
text7: `سياسة الخصوصية `,
textss: `الرجاء تحديد لغة.`,
homePc: `background:url(./images/pcBgBig-ar.png) no-repeat;background-size:100% 100%;`,
img2: `
@@ -49,7 +50,7 @@ langAr = {
<img src="./images/downioad-ar.png" alt="" class="downioad animate__animated">
<!-- <img src="./images/down.png" alt="" class="down"> -->
<div class="bootom">
<p>Vele Network Technology Limited</p>
<p>Molistar Team</p>
</div>`,
}
}

View File

@@ -7,6 +7,7 @@ langEn = {
text4: `Home`,
text5: `Wallet`,
text6: `Contact Us`,
text7: `Privacy Policy `,
textss: `Please select a language.`,
homePc: `background:url(./images/pcBgBig-en.png) no-repeat;background-size:100% 100%;`,
img2: `
@@ -48,7 +49,7 @@ langEn = {
<img src="./images/downioad-en.png" alt="" class="downioad animate__animated">
<!-- <img src="./images/down.png" alt="" class="down"> -->
<div class="bootom">
<p>Vele Network Technology Limited</p>
<p>Molistar Team</p>
</div>`,
}
}

View File

@@ -8,6 +8,7 @@ langZh = {
text4: `首頁`,
text5: `錢包`,
text6: `聯繫我們`,
text7: `隱私政策 `,
textss: `请选择语言`,
homePc: `background:url(./images/pcBgBig.png) no-repeat;background-size:100% 100%;`,
img2: `
@@ -46,7 +47,7 @@ langZh = {
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
<!-- <img src="./images/down.png" alt="" class="down"> -->
<div class="bootom">
<p>Vele Network Technology Limited</p>
<p>Molistar Team</p>
</div>`,
}
}

View File

@@ -0,0 +1,850 @@
html,
body {
width: 100%;
background: #290C05;
}
.back {
width: 100%;
height: 0.58667rem;
line-height: 0.58667rem;
position: fixed;
left: 0;
top: 0.86667rem;
text-align: center;
color: #FFFFFF;
font-size: 0.50667rem;
font-weight: bold;
z-index: 10;
}
.back img {
width: 0.58667rem;
height: 0.58667rem;
position: absolute;
left: 0.24rem;
top: 0rem;
}
.header {
width: 10rem;
height: 12.53333rem;
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
position: relative;
}
.header .rule_icon {
width: 1.86667rem;
height: 0.66667rem;
line-height: 0.6rem;
background: url(../images/rule_cion.png) no-repeat;
background-size: 100% 100%;
color: #FFED70;
font-size: 0.37333rem;
font-weight: 500;
position: absolute;
top: 5.49333rem;
right: 0rem;
text-align: center;
text-indent: 2px;
}
.header .timeBox {
width: 7.16rem;
height: 1.62667rem;
box-sizing: border-box;
padding: 0 0.66667rem;
position: absolute;
top: 8.48rem;
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-between;
}
.header .timeBox div {
width: 1.33333rem;
height: 1.33333rem;
background: url(../images/time.png) no-repeat;
background-size: 100% 100%;
position: relative;
text-align: center;
line-height: 1.33333rem;
}
.header .timeBox div b {
color: #FFED70;
font-size: 0.58667rem;
font-weight: 600;
font-family: PingFang SC;
}
.header .timeBox div span {
width: 2.4rem;
height: 0.48rem;
line-height: 0.48rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -0.54667rem;
text-align: center;
color: #FFED70;
font-size: 0.37333rem;
font-weight: 400;
font-family: PingFang SC;
background: url(../images/timeBg.png) no-repeat;
background-size: 100% 100%;
}
.header .timeBox .day {
margin-right: 0.78667rem;
}
.header .timeBox .colon {
width: 0.21333rem;
height: 0.53333rem;
background: url(../images/colon.png) no-repeat;
background-size: 100% 100%;
margin: 0 0.22667rem;
margin-top: 0.54667rem;
}
.myBox {
width: 10rem;
height: 8.05333rem;
background: url(../images/box.png) no-repeat;
background-size: 100% 100%;
margin: -1.1rem auto 0.46667rem;
position: relative;
}
.myBox .ts {
width: 1.70667rem;
height: 1.70667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 2.44rem;
z-index: 2;
}
.myBox .tx {
width: 1.70667rem;
height: 1.70667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 2.44rem;
z-index: 1;
border-radius: 50%;
}
.myBox .name {
width: 4.8rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 4.28rem;
text-align: center;
color: #FFED70;
font-size: 0.37333rem;
font-weight: 600;
}
.myBox .lineBox {
width: 8.26667rem;
height: 0.21333rem;
border-radius: 0.21333rem;
background: #824115;
position: absolute;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 5.85333rem;
border-radius: 0.21333rem;
}
.myBox .lineBox .line {
width: 0%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(90deg, #FBF392, #FCB41B);
border-radius: 0.21333rem;
}
.myBox .lineBox .boxs {
width: 0.82667rem;
height: 0.82667rem;
background: url(../images/false.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.myBox .lineBox .boxs span {
height: 0.45333rem;
line-height: 0.45333rem;
position: absolute;
left: 50%;
transform: translate(-50%);
top: -0.66667rem;
display: flex;
color: #FFED70;
font-size: 0.34667rem;
font-weight: 400;
}
.myBox .lineBox .boxs span img {
display: block;
width: 0.45333rem;
height: 0.45333rem;
margin: 0 0.06667rem;
}
.myBox .lineBox .box1 {
left: 2rem;
}
.myBox .lineBox .box2 {
left: 4.52rem;
}
.myBox .lineBox .box3 {
right: 0rem;
}
.myBox .lineBox .act {
background: url(../images/true.png) no-repeat;
background-size: 100% 100%;
}
.myBox .tetxBox {
width: 8.26667rem;
display: flex;
justify-content: space-between;
position: absolute;
top: 6.4rem;
left: 50%;
transform: translateX(-50%);
color: #FFED70;
font-weight: 400;
}
.myBox .tetxBox .left {
font-size: 0.34667rem;
}
.myBox .tetxBox .rirgt {
font-size: 0.37333rem;
}
.tab {
width: 9.73333rem;
height: 1.33333rem;
margin: 0 auto 0.41333rem;
display: flex;
justify-content: space-between;
}
.tab div {
width: 4.8rem;
height: 1.33333rem;
line-height: 1.33333rem;
text-align: center;
color: #EBC9B2;
font-size: 0.4rem;
font-weight: 600;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.tab .tabbox {
background: url(../images/tab2.png) no-repeat;
background-size: 100% 100%;
}
.tab .act {
color: #290C05;
background: url(../images/act.png) no-repeat;
background-size: 100% 100%;
}
.tab .act2 {
color: #290C05;
background: url(../images/tabact2.png) no-repeat;
background-size: 100% 100%;
}
.content1 {
width: 10rem;
height: auto;
margin: 0 auto 0.41333rem;
}
.content1 .contentBox1,
.content1 .contentBox2,
.content1 .contentBox3 {
width: 100%;
height: 16.58667rem;
background: url(../images/bg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0.53333rem;
position: relative;
overflow: hidden;
}
.content1 .contentBox1 .title,
.content1 .contentBox2 .title,
.content1 .contentBox3 .title {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
width: 5.22667rem;
height: 1.28rem;
line-height: 1.28rem;
text-align: center;
color: #FFED70;
font-size: 0.42667rem;
font-weight: 600;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.content1 .contentBox1 .title span,
.content1 .contentBox2 .title span,
.content1 .contentBox3 .title span {
vertical-align: middle;
display: inline-block;
}
.content1 .contentBox1 .title img,
.content1 .contentBox2 .title img,
.content1 .contentBox3 .title img {
width: 0.53333rem;
height: 0.53333rem;
display: inline-block;
vertical-align: middle;
margin: 0 0.06667rem;
}
.content1 .contentBox1 .box,
.content1 .contentBox2 .box,
.content1 .contentBox3 .box {
width: 8.93333rem;
height: 10.66667rem;
margin: 2.10667rem auto 0.13333rem;
background: url(../images/700.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.content1 .contentBox1 .box .ts,
.content1 .contentBox2 .box .ts,
.content1 .contentBox3 .box .ts {
width: 2.13333rem;
height: 2.13333rem;
position: absolute;
right: 0.5rem;
top: 5.9rem;
}
.content1 .contentBox1 .box .zj,
.content1 .contentBox2 .box .zj,
.content1 .contentBox3 .box .zj {
width: 5.2rem;
height: 8.5rem;
position: absolute;
left: 0.35rem;
top: 0.3rem;
overflow: hidden;
}
.content1 .contentBox1 .box .zj canvas,
.content1 .contentBox2 .box .zj canvas,
.content1 .contentBox3 .box .zj canvas {
position: absolute;
left: 0;
top: 0;
}
.content1 .contentBox1 .priorityWinners,
.content1 .contentBox2 .priorityWinners,
.content1 .contentBox3 .priorityWinners {
width: 100%;
text-align: center;
color: #FFED70;
font-size: 0.42667rem;
font-weight: 500;
margin-bottom: 0.36rem;
}
.content1 .contentBox1 .priorityWinnersBox,
.content1 .contentBox2 .priorityWinnersBox,
.content1 .contentBox3 .priorityWinnersBox {
height: 1.6rem;
width: 83%;
display: flex;
justify-content: space-around;
margin: 0 auto;
}
.content1 .contentBox1 .priorityWinnersBox div,
.content1 .contentBox2 .priorityWinnersBox div,
.content1 .contentBox3 .priorityWinnersBox div {
width: 1.6rem;
height: 1.6rem;
position: relative;
}
.content1 .contentBox1 .priorityWinnersBox div img,
.content1 .contentBox2 .priorityWinnersBox div img,
.content1 .contentBox3 .priorityWinnersBox div img {
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%;
left: 0;
top: 0;
border: 0.04rem #FFED70 solid;
}
.content1 .contentBox1 .priorityWinnersBox div span,
.content1 .contentBox2 .priorityWinnersBox div span,
.content1 .contentBox3 .priorityWinnersBox div span {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
color: #FFED70;
font-size: 0.34667rem;
font-weight: 500;
text-align: center;
position: absolute;
left: 0;
bottom: -0.6rem;
height: 0.4rem;
}
.content1 .contentBox2 .box {
background: url(../images/350.png) no-repeat;
background-size: 100% 100%;
}
.content1 .contentBox3 .box {
background: url(../images/70.png) no-repeat;
background-size: 100% 100%;
}
.content2 {
width: 10rem;
height: auto;
margin: 0 auto 0.41333rem;
display: none;
}
.content2 .contentBox1,
.content2 .contentBox2,
.content2 .contentBox3 {
width: 100%;
height: 16.58667rem;
background: url(../images/bg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0.53333rem;
position: relative;
overflow: hidden;
}
.content2 .contentBox1 .title,
.content2 .contentBox2 .title,
.content2 .contentBox3 .title {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
width: 5.22667rem;
height: 1.28rem;
line-height: 1.28rem;
text-align: center;
color: #FFED70;
font-size: 0.42667rem;
font-weight: 600;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
}
.content2 .contentBox1 .title span,
.content2 .contentBox2 .title span,
.content2 .contentBox3 .title span {
vertical-align: middle;
display: inline-block;
}
.content2 .contentBox1 .title img,
.content2 .contentBox2 .title img,
.content2 .contentBox3 .title img {
width: 0.53333rem;
height: 0.53333rem;
display: inline-block;
vertical-align: middle;
margin: 0 0.06667rem;
}
.content2 .contentBox1 .box,
.content2 .contentBox2 .box,
.content2 .contentBox3 .box {
width: 8.93333rem;
height: 10.66667rem;
margin: 2.10667rem auto 0.13333rem;
background: url(../images/7.png) no-repeat;
background-size: 100% 100%;
position: relative;
}
.content2 .contentBox1 .box .ts,
.content2 .contentBox2 .box .ts,
.content2 .contentBox3 .box .ts {
width: 2.13333rem;
height: 2.13333rem;
position: absolute;
right: 0.5rem;
top: 3.6rem;
}
.content2 .contentBox1 .box .zj,
.content2 .contentBox2 .box .zj,
.content2 .contentBox3 .box .zj {
width: 5.2rem;
height: 8.5rem;
position: absolute;
left: 0.35rem;
top: 0.3rem;
overflow: hidden;
}
.content2 .contentBox1 .box .zj canvas,
.content2 .contentBox2 .box .zj canvas,
.content2 .contentBox3 .box .zj canvas {
position: absolute;
left: 0;
top: 0;
}
.content2 .contentBox1 .box .zjIcon,
.content2 .contentBox2 .box .zjIcon,
.content2 .contentBox3 .box .zjIcon {
width: 0.61333rem;
height: 0.61333rem;
position: absolute;
left: 2.6rem;
top: 8.94667rem;
z-index: 2;
}
.content2 .contentBox1 .box .xzIcon,
.content2 .contentBox2 .box .xzIcon,
.content2 .contentBox3 .box .xzIcon {
width: 0.61333rem;
height: 0.61333rem;
position: absolute;
right: 1.2rem;
top: 8.94667rem;
z-index: 2;
}
.content2 .contentBox1 .priorityWinners,
.content2 .contentBox2 .priorityWinners,
.content2 .contentBox3 .priorityWinners {
width: 100%;
text-align: center;
color: #FFED70;
font-size: 0.42667rem;
font-weight: 500;
margin-bottom: 0.36rem;
}
.content2 .contentBox1 .priorityWinnersBox,
.content2 .contentBox2 .priorityWinnersBox,
.content2 .contentBox3 .priorityWinnersBox {
height: 1.6rem;
width: 83%;
display: flex;
justify-content: space-around;
margin: 0 auto;
}
.content2 .contentBox1 .priorityWinnersBox div,
.content2 .contentBox2 .priorityWinnersBox div,
.content2 .contentBox3 .priorityWinnersBox div {
width: 1.6rem;
height: 1.6rem;
position: relative;
}
.content2 .contentBox1 .priorityWinnersBox div img,
.content2 .contentBox2 .priorityWinnersBox div img,
.content2 .contentBox3 .priorityWinnersBox div img {
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%;
left: 0;
top: 0;
border: 0.04rem #FFED70 solid;
}
.content2 .contentBox1 .priorityWinnersBox div span,
.content2 .contentBox2 .priorityWinnersBox div span,
.content2 .contentBox3 .priorityWinnersBox div span {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
color: #FFED70;
font-size: 0.34667rem;
font-weight: 500;
text-align: center;
position: absolute;
left: 0;
bottom: -0.6rem;
}
.content2 .contentBox2 .box {
background: url(../images/3500.png) no-repeat;
background-size: 100% 100%;
}
.content2 .contentBox3 .box {
background: url(../images/210.png) no-repeat;
background-size: 100% 100%;
}
.content2 .contentBox3 .box .ts {
top: 5.9rem;
}
.null {
width: 100%;
text-align: center;
color: #FFED70;
font-size: 0.34667rem;
font-weight: 400;
opacity: 0.6;
margin-bottom: 0.53333rem;
}
.video,
.video2,
.video3 {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
display: none;
}
.video video,
.video2 video,
.video3 video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 65%;
}
.video .close,
.video2 .close,
.video3 .close {
width: 0.90667rem;
height: 0.90667rem;
position: absolute;
top: 10%;
right: 0.93333rem;
z-index: 9;
}
.rule {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
display: none;
}
.rule .rule_in {
width: 9.33333rem;
height: 11.06667rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(../images/ruleBg.png) no-repeat;
background-size: 100% 100%;
}
.rule .rule_in .close {
width: 0.88rem;
height: 0.88rem;
position: absolute;
right: 0;
top: -0.93333rem;
}
.rule .rule_in .title {
width: 4.66667rem;
height: 1.28rem;
line-height: 1.28rem;
text-align: center;
color: #FFED70;
font-size: 0.42667rem;
font-weight: 600;
position: absolute;
top: -0.16rem;
left: 50%;
transform: translateX(-50%);
background: url(../images/ruleTitle.png) no-repeat;
background-size: 100% 100%;
}
.rule .rule_in .box {
width: 7.53333rem;
height: 8rem;
position: absolute;
top: 2.36rem;
left: 50%;
transform: translateX(-50%);
overflow-y: scroll;
}
.rule .rule_in .box::-webkit-scrollbar {
display: none;
}
.rule .rule_in .box p {
color: #FFED70;
font-size: 0.37333rem;
font-weight: 400;
line-height: 0.53333rem;
margin-bottom: 0.45333rem;
}
.arabic .header {
background: url(../images/header-ar.png) no-repeat;
background-size: 100% 100%;
}
.arabic .myBox .tetxBox {
direction: ltr;
}
.arabic .content1 .contentBox1 .box {
background: url(../images/700ar.png) no-repeat;
background-size: 100% 100%;
}
.arabic .content1 .contentBox1 .box .ts {
direction: ltr;
}
.arabic .content1 .contentBox2 .box {
background: url(../images/350ar.png) no-repeat;
background-size: 100% 100%;
}
.arabic .content1 .contentBox2 .box .ts {
direction: ltr;
}
.arabic .content1 .contentBox3 .box {
background: url(../images/70ar.png) no-repeat;
background-size: 100% 100%;
}
.arabic .content1 .contentBox3 .box .ts {
direction: ltr;
}
.arabic .content2 .contentBox1 .box {
background: url(../images/7ar.png) no-repeat;
background-size: 100% 100%;
}
.arabic .content2 .contentBox1 .box .ts {
direction: ltr;
}
.arabic .content2 .contentBox2 .box {
background: url(../images/3500ar.png) no-repeat;
background-size: 100% 100%;
}
.arabic .content2 .contentBox2 .box .ts {
direction: ltr;
}
.arabic .content2 .contentBox3 .box {
background: url(../images/210ar.png) no-repeat;
background-size: 100% 100%;
}
.arabic .content2 .contentBox3 .box .ts {
direction: ltr;
}
.arabic .back img {
left: auto;
right: 0.24rem;
transform: rotate(180deg);
}
.china .header {
background: url(../images/header-zh.png) no-repeat;
background-size: 100% 100%;
}
.china .content1 .contentBox1 .box {
background: url(../images/700-zh.png) no-repeat;
background-size: 100% 100%;
}
.china .content1 .contentBox2 .box {
background: url(../images/350-zh.png) no-repeat;
background-size: 100% 100%;
}
.china .content1 .contentBox3 .box {
background: url(../images/70-zh.png) no-repeat;
background-size: 100% 100%;
}
.china .content2 .contentBox1 .box {
background: url(../images/7-zh.png) no-repeat;
background-size: 100% 100%;
}
.china .content2 .contentBox2 .box {
background: url(../images/3500-zh.png) no-repeat;
background-size: 100% 100%;
}
.china .content2 .contentBox3 .box {
background: url(../images/210-zh.png) no-repeat;
background-size: 100% 100%;
}

View File

@@ -0,0 +1,821 @@
@function px2rem($px) {
@return $px / 75+rem;
}
html,
body {
width: 100%;
background: #290C05;
}
.back {
width: 100%;
height: px2rem(44);
line-height: px2rem(44);
position: fixed;
left: 0;
top: px2rem(65);
text-align: center;
color: #FFFFFF;
font-size: px2rem(38);
font-weight: bold;
z-index: 10;
img {
width: px2rem(44);
height: px2rem(44);
position: absolute;
left: px2rem(18);
top: px2rem(0);
}
}
.header {
width: px2rem(750);
height: px2rem(940);
background: url(../images/header.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
position: relative;
.rule_icon {
width: px2rem(140);
height: px2rem(50);
line-height: px2rem(45);
background: url(../images/rule_cion.png) no-repeat;
background-size: 100% 100%;
color: #FFED70;
font-size: px2rem(28);
font-weight: 500;
position: absolute;
top: px2rem(412);
right: px2rem(0);
text-align: center;
text-indent: 2px;
}
.timeBox {
width: 7.16rem;
height: px2rem(122);
box-sizing: border-box;
padding: 0 px2rem(50);
position: absolute;
top: px2rem(636);
left: 50%;
transform: translateX(-50%);
display: flex;
justify-content: space-between;
div {
width: px2rem(100);
height: px2rem(100);
background: url(../images/time.png) no-repeat;
background-size: 100% 100%;
position: relative;
text-align: center;
line-height: px2rem(100);
b {
color: #FFED70;
font-size: px2rem(44);
font-weight: 600;
font-family: PingFang SC;
}
span {
width: px2rem(180);
height: px2rem(36);
line-height: px2rem(36);
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: px2rem(-41);
text-align: center;
color: #FFED70;
font-size: px2rem(28);
font-weight: 400;
font-family: PingFang SC;
background: url(../images/timeBg.png) no-repeat;
background-size: 100% 100%;
}
}
.day {
margin-right: px2rem(59);
}
.colon {
width: px2rem(16);
height: px2rem(40);
background: url(../images/colon.png) no-repeat;
background-size: 100% 100%;
margin: 0 px2rem(17);
margin-top: px2rem(41);
}
}
}
.myBox {
width: px2rem(750);
height: px2rem(604);
background: url(../images/box.png) no-repeat;
background-size: 100% 100%;
margin: -1.1rem auto px2rem(35);
position: relative;
.ts {
width: px2rem(128);
height: px2rem(128);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(183);
z-index: 2;
}
.tx {
width: px2rem(128);
height: px2rem(128);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(183);
z-index: 1;
border-radius: 50%;
}
.name {
width: px2rem(360);
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(321);
text-align: center;
color: #FFED70;
font-size: px2rem(28);
font-weight: 600;
}
.lineBox {
width: px2rem(620);
height: px2rem(16);
border-radius: px2rem(16);
background: #824115;
position: absolute;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(439);
border-radius: px2rem(16);
.line {
width: 0%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: linear-gradient(90deg, #FBF392, #FCB41B);
border-radius: px2rem(16);
}
.boxs {
width: px2rem(62);
height: px2rem(62);
background: url(../images/false.png) no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
span {
height: px2rem(34);
line-height: px2rem(34);
position: absolute;
left: 50%;
transform: translate(-50%);
top: px2rem(-50);
display: flex;
color: #FFED70;
font-size: px2rem(26);
font-weight: 400;
img {
display: block;
width: px2rem(34);
height: px2rem(34);
margin: 0 px2rem(5);
}
}
}
.box1 {
left: px2rem(150);
}
.box2 {
left: px2rem(339);
}
.box3 {
right: px2rem(0);
}
.act {
background: url(../images/true.png) no-repeat;
background-size: 100% 100%;
}
}
.tetxBox {
width: px2rem(620);
display: flex;
justify-content: space-between;
position: absolute;
top: px2rem(480);
left: 50%;
transform: translateX(-50%);
color: #FFED70;
font-weight: 400;
.left {
font-size: px2rem(26);
}
.rirgt {
font-size: px2rem(28);
}
}
}
.tab {
width: px2rem(730);
height: px2rem(100);
margin: 0 auto px2rem(31);
display: flex;
justify-content: space-between;
div {
width: px2rem(360);
height: px2rem(100);
line-height: px2rem(100);
text-align: center;
color: #EBC9B2;
font-size: px2rem(30);
font-weight: 600;
background: url(../images/tab.png) no-repeat;
background-size: 100% 100%;
}
.tabbox {
background: url(../images/tab2.png) no-repeat;
background-size: 100% 100%;
}
.act {
color: #290C05;
background: url(../images/act.png) no-repeat;
background-size: 100% 100%;
}
.act2 {
color: #290C05;
background: url(../images/tabact2.png) no-repeat;
background-size: 100% 100%;
}
}
.content1 {
width: px2rem(750);
height: auto;
margin: 0 auto px2rem(31);
// display: none;
.contentBox1,
.contentBox2,
.contentBox3 {
width: 100%;
height: px2rem(1244);
background: url(../images/bg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto px2rem(40);
position: relative;
overflow: hidden;
.title {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
width: px2rem(392);
height: px2rem(96);
line-height: px2rem(96);
text-align: center;
color: #FFED70;
font-size: px2rem(32);
font-weight: 600;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
span {
vertical-align: middle;
display: inline-block;
}
img {
width: px2rem(40);
height: px2rem(40);
display: inline-block;
vertical-align: middle;
margin: 0 px2rem(5);
}
}
.box {
width: px2rem(670);
height: px2rem(800);
margin: px2rem(158) auto px2rem(10);
background: url(../images/700.png) no-repeat;
background-size: 100% 100%;
position: relative;
.ts {
width: px2rem(160);
height: px2rem(160);
position: absolute;
right: 0.5rem;
top: 5.9rem;
}
.zj {
width: 5.2rem;
height: 8.5rem;
position: absolute;
left: 0.35rem;
top: 0.3rem;
overflow: hidden;
canvas {
position: absolute;
left: 0;
top: 0;
}
}
}
.priorityWinners {
width: 100%;
text-align: center;
color: #FFED70;
font-size: px2rem(32);
font-weight: 500;
margin-bottom: px2rem(27);
}
.priorityWinnersBox {
height: px2rem(120);
width: 83%;
display: flex;
justify-content: space-around;
margin: 0 auto;
div {
width: px2rem(120);
height: px2rem(120);
position: relative;
img {
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%;
left: 0;
top: 0;
border: px2rem(3) #FFED70 solid;
}
span {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
color: #FFED70;
font-size: px2rem(26);
font-weight: 500;
text-align: center;
position: absolute;
left: 0;
bottom: -0.6rem;
height: 0.4rem;
}
}
}
}
.contentBox2 {
.box {
background: url(../images/350.png) no-repeat;
background-size: 100% 100%;
}
}
.contentBox3 {
.box {
background: url(../images/70.png) no-repeat;
background-size: 100% 100%;
}
}
}
.content2 {
width: px2rem(750);
height: auto;
margin: 0 auto px2rem(31);
display: none;
.contentBox1,
.contentBox2,
.contentBox3 {
width: 100%;
height: px2rem(1244);
background: url(../images/bg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto px2rem(40);
position: relative;
overflow: hidden;
.title {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
width: px2rem(392);
height: px2rem(96);
line-height: px2rem(96);
text-align: center;
color: #FFED70;
font-size: px2rem(32);
font-weight: 600;
background: url(../images/title.png) no-repeat;
background-size: 100% 100%;
span {
vertical-align: middle;
display: inline-block;
}
img {
width: px2rem(40);
height: px2rem(40);
display: inline-block;
vertical-align: middle;
margin: 0 px2rem(5);
}
}
.box {
width: px2rem(670);
height: px2rem(800);
margin: px2rem(158) auto px2rem(10);
background: url(../images/7.png) no-repeat;
background-size: 100% 100%;
position: relative;
.ts {
width: px2rem(160);
height: px2rem(160);
position: absolute;
right: 0.5rem;
top: 3.6rem;
}
.zj {
width: 5.2rem;
height: 8.5rem;
position: absolute;
left: 0.35rem;
top: 0.3rem;
overflow: hidden;
canvas {
position: absolute;
left: 0;
top: 0;
}
}
.zjIcon {
width: px2rem(46);
height: px2rem(46);
position: absolute;
left: px2rem(195);
top: px2rem(671);
z-index: 2;
}
.xzIcon {
width: px2rem(46);
height: px2rem(46);
position: absolute;
right: px2rem(90);
top: px2rem(671);
z-index: 2;
}
}
.priorityWinners {
width: 100%;
text-align: center;
color: #FFED70;
font-size: px2rem(32);
font-weight: 500;
margin-bottom: px2rem(27);
}
.priorityWinnersBox {
height: px2rem(120);
width: 83%;
display: flex;
justify-content: space-around;
margin: 0 auto;
div {
width: px2rem(120);
height: px2rem(120);
position: relative;
img {
width: 100%;
height: 100%;
position: absolute;
border-radius: 50%;
left: 0;
top: 0;
border: px2rem(3) #FFED70 solid;
}
span {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
color: #FFED70;
font-size: px2rem(26);
font-weight: 500;
text-align: center;
position: absolute;
left: 0;
bottom: -0.6rem;
}
}
}
}
.contentBox2 {
.box {
background: url(../images/3500.png) no-repeat;
background-size: 100% 100%;
}
}
.contentBox3 {
.box {
background: url(../images/210.png) no-repeat;
background-size: 100% 100%;
.ts {
top: 5.9rem;
}
}
}
}
.null {
width: 100%;
text-align: center;
color: #FFED70;
font-size: px2rem(26);
font-weight: 400;
opacity: 0.6;
margin-bottom: px2rem(40);
}
.video,
.video2,
.video3 {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .5);
z-index: 99;
display: none;
video {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 65%;
}
.close {
width: px2rem(68);
height: px2rem(68);
position: absolute;
top: 10%;
right: px2rem(70);
z-index: 9;
}
}
.rule {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .5);
z-index: 99;
display: none;
.rule_in {
width: px2rem(700);
height: px2rem(830);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: url(../images/ruleBg.png) no-repeat;
background-size: 100% 100%;
.close {
width: px2rem(66);
height: px2rem(66);
position: absolute;
right: 0;
top: px2rem(-70);
}
.title {
width: px2rem(350);
height: px2rem(96);
line-height: px2rem(96);
text-align: center;
color: #FFED70;
font-size: px2rem(32);
font-weight: 600;
position: absolute;
top: px2rem(-12);
left: 50%;
transform: translateX(-50%);
background: url(../images/ruleTitle.png) no-repeat;
background-size: 100% 100%;
}
.box {
width: px2rem(565);
height: 8rem;
position: absolute;
top: px2rem(177);
left: 50%;
transform: translateX(-50%);
overflow-y: scroll;
&::-webkit-scrollbar {
display: none;
}
p {
color: #FFED70;
font-size: px2rem(28);
font-weight: 400;
line-height: px2rem(40);
margin-bottom: px2rem(34);
}
}
}
}
.arabic {
.header {
background: url(../images/header-ar.png) no-repeat;
background-size: 100% 100%;
}
.myBox .tetxBox {
direction: ltr;
}
.content1 {
.contentBox1 {
.box {
background: url(../images/700ar.png) no-repeat;
background-size: 100% 100%;
.ts {
direction: ltr;
}
}
}
.contentBox2 {
.box {
background: url(../images/350ar.png) no-repeat;
background-size: 100% 100%;
.ts {
direction: ltr;
}
}
}
.contentBox3 {
.box {
background: url(../images/70ar.png) no-repeat;
background-size: 100% 100%;
.ts {
direction: ltr;
}
}
}
}
.content2 {
.contentBox1 {
.box {
background: url(../images/7ar.png) no-repeat;
background-size: 100% 100%;
.ts {
direction: ltr;
}
}
}
.contentBox2 {
.box {
background: url(../images/3500ar.png) no-repeat;
background-size: 100% 100%;
.ts {
direction: ltr;
}
}
}
.contentBox3 {
.box {
background: url(../images/210ar.png) no-repeat;
background-size: 100% 100%;
.ts {
direction: ltr;
}
}
}
}
.back img {
left: auto;
right: 0.24rem;
transform: rotate(180deg);
}
}
.china {
.header {
background: url(../images/header-zh.png) no-repeat;
background-size: 100% 100%;
}
.content1 .contentBox1 .box{
background: url(../images/700-zh.png) no-repeat;
background-size: 100% 100%;
}
.content1 .contentBox2 .box{
background: url(../images/350-zh.png) no-repeat;
background-size: 100% 100%;
}
.content1 .contentBox3 .box{
background: url(../images/70-zh.png) no-repeat;
background-size: 100% 100%;
}
.content2 .contentBox1 .box{
background: url(../images/7-zh.png) no-repeat;
background-size: 100% 100%;
}
.content2 .contentBox2 .box{
background: url(../images/3500-zh.png) no-repeat;
background-size: 100% 100%;
}
.content2 .contentBox3 .box{
background: url(../images/210-zh.png) no-repeat;
background-size: 100% 100%;
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 117 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 185 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 184 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 118 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 498 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 494 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 113 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 114 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 115 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 494 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 350 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 315 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 835 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 839 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 843 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 222 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -0,0 +1,222 @@
<!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?v=1.0">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<!-- 头部 -->
<div class="header">
<div class="rule_icon text2"></div>
<!-- 倒计时 -->
<div class="timeBox">
<div class="hour">
<b>00</b>
<span class="text3"></span>
</div>
<div class="min">
<b>00</b>
<span class="text4"></span>
</div>
<div class="sec">
<b>00</b>
<span class="text5"></span>
</div>
</div>
</div>
<!--我的消费进度 -->
<div class="myBox">
<img src="./images/txk.png" alt="" class="ts">
<img src="" alt="" class="tx">
<div class="name"></div>
<div class="lineBox">
<div class="line"></div>
<div class="box1 boxs">
<span><b>0K</b> <img src="./images/gold.png" alt=""></span>
</div>
<div class="box2 boxs">
<span><b>0K</b> <img src="./images/gold.png" alt=""></span>
</div>
<div class="box3 boxs">
<span><b>0K</b> <img src="./images/gold.png" alt=""></span>
</div>
</div>
<div class="tetxBox">
<div class="l text6"></div>
<div class="r"><b>0</b>/<strong></strong></div>
</div>
</div>
<!-- tab -->
<div class="tab">
<div class="tabbox act text7"></div>
<div class="text8"></div>
</div>
<!-- 档位1 -->
<div class="content1">
<div class="contentBox1 level3">
<!-- 标题 -->
<div class="title">
<span><strong class="text9"></strong></span><img src="./images/gold.png" alt="">
</div>
<!-- 奖励内容 -->
<div class="box">
<div class="ts ts350" id="ts350"></div>
<div class="zj zj700" id="zj700"></div>
</div>
<!-- 获奖人员 -->
<div class="priorityWinners"></div>
<div class="priorityWinnersBox">
</div>
</div>
<div class="contentBox2 level2">
<!-- 标题 -->
<div class="title">
<span><strong class="text10"></strong></span><img src="./images/gold.png" alt="">
</div>
<!-- 奖励内容 -->
<div class="box">
<div class="ts ts70" id="ts70"></div>
<div class="zj zj350" id="zj350"></div>
</div>
<!-- 获奖人员 -->
<div class="priorityWinners"></div>
<div class="priorityWinnersBox">
<!-- <div>
<img src="" alt="">
<span>名字</span>
</div>
<div>
<img src="" alt="">
<span>名字</span>
</div> -->
</div>
</div>
<div class="contentBox3 level1">
<!-- 标题 -->
<div class="title">
<span><strong class="text11"></strong></span><img src="./images/gold.png" alt="">
</div>
<!-- 奖励内容 -->
<div class="box">
<div class="ts ts700" id="ts700"></div>
<div class="zj zj70" id="zj70"></div>
</div>
<!-- 获奖人员 -->
<div class="priorityWinners"></div>
<div class="priorityWinnersBox">
</div>
</div>
</div>
<!-- 档位2 -->
<div class="content2">
<div class="contentBox1 level6">
<!-- 标题 -->
<div class="title">
<span class="text12"></span><img src="./images/gold.png" alt="">
</div>
<!-- 奖励内容 -->
<div class="box">
<div class="ts" id="ts7"></div>
<!-- 播放图标 -->
<img src="./images/bf.png" alt="" class="zjIcon">
<img src="./images/bf.png" alt="" class="xzIcon">
</div>
<!-- 获奖人员 -->
<div class="priorityWinners"></div>
<div class="priorityWinnersBox">
</div>
</div>
<div class="contentBox2 level5">
<!-- 标题 -->
<div class="title">
<span><strong class="text13"></strong></span><img src="./images/gold.png" alt="">
</div>
<!-- 奖励内容 -->
<div class="box">
<div class="ts" id="ts3500"></div>
<div class="zj" id="zj3500"></div>
<!-- 播放图标 -->
<img src="./images/bf.png" alt="" class="xzIcon">
</div>
<!-- 获奖人员 -->
<div class="priorityWinners"></div>
<div class="priorityWinnersBox">
<!-- <div>
<img src="" alt="">
<span>名字</span>
</div>
<div>
<img src="" alt="">
<span>名字</span>
</div> -->
</div>
</div>
<div class="contentBox3 level4">
<!-- 标题 -->
<div class="title">
<span><strong class="text14"></strong></span><img src="./images/gold.png" alt="">
</div>
<!-- 奖励内容 -->
<div class="box">
<div class="ts" id="ts210"></div>
<div class="zj" id="zj210"></div>
</div>
<!-- 获奖人员 -->
<div class="priorityWinners"></div>
<div class="priorityWinnersBox">
</div>
</div>
</div>
<div class="null"></div>
<div class="video">
<video id="zjVideo" controls playsinline webkit-playsinline>
<source src="./video/zj7.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<div class="video2">
<video id="zjVideo2" controls playsinline webkit-playsinline>
<source src="./video/xz7.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<div class="video3">
<video id="zjVideo3" controls playsinline webkit-playsinline>
<source src="./video/xz3500.mp4" type="video/mp4">
</video>
<img src="./images/close.png" alt="" class="close">
</div>
<!-- 规则 -->
<div class="rule">
<div class="rule_in">
<img src="./images/close.png" alt="" class="close">
<div class="title text2">Rules</div>
<div class="box"></div>
</div>
</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?v=1.0"></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?v=1.0"></script>
<script src="../../common/local/langHandler.js"></script>

View File

@@ -0,0 +1,315 @@
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 countupTime;//倒计时容器
var page = 0;
var maxPage = 0;
var arr = [];
// 初始化函數
$(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(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
} else {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
getConfig();
}, 100)
})
// 处理SVGA
document.addEventListener('DOMContentLoaded', function () {
function loadSVGA(containerId, svgaPath) {
var container = document.getElementById(containerId);
var player = new SVGA.Player(container);
var parser = new SVGA.Parser();
parser.load(svgaPath, function (videoItem) {
player.setVideoItem(videoItem);
player.startAnimation();
});
}
loadSVGA('ts700', './svga/ts700.svga');
loadSVGA('ts350', './svga/ts350.svga');
loadSVGA('ts70', './svga/ts70.svga');
loadSVGA('zj700', './svga/zj350.svga');
loadSVGA('zj350', './svga/zj210.svga');
loadSVGA('zj70', './svga/zj70.svga');
loadSVGA('ts7', './svga/ts210.svga');
loadSVGA('ts3500', './svga/ts3500.svga');
loadSVGA('ts210', './svga/ts7.svga');
loadSVGA('zj3500', './svga/zj3500.svga');
loadSVGA('zj210', './svga/zj700.svga');
});
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').text(langReplace(localLang.demoModule.text6));
$('.text7').text(langReplace(localLang.demoModule.text7));
$('.text8').text(langReplace(localLang.demoModule.text8));
$('.text9').text(langReplace(localLang.demoModule.text9));
$('.text10').text(langReplace(localLang.demoModule.text10));
$('.text11').text(langReplace(localLang.demoModule.text11));
$('.text12').text(langReplace(localLang.demoModule.text12));
$('.text13').text(langReplace(localLang.demoModule.text13));
$('.text14').text(langReplace(localLang.demoModule.text14));
$('.text17').text(langReplace(localLang.demoModule.text17));
$('.text18').text(langReplace(localLang.demoModule.text18));
$('.text19').text(langReplace(localLang.demoModule.text19));
$('.priorityWinners').text(langReplace(localLang.demoModule.priorityWinners));
if (browser.ios) {
$('.null').text(langReplace(localLang.demoModule.text15));
} else {
$('.null').text(langReplace(localLang.demoModule.text16));
}
}
console.log(unitProcessingAr(7000000, 1));
// 配置接口
function getConfig() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/activity/h5/dayConsume',
data: { uid: pubInfo.uid },
success(res) {
if (res.code === 200) {
// 分区规则
$('.rule .rule_in .box').html(res.data.partitionId == 2 ? langReplace(localLang.demoModule.arRule) : langReplace(localLang.demoModule.enRule));
// 处理是否代理人
res.data.rechargeUser ? $('.myBox').hide() : $('.myBox').show();
// 处理等级不足不显示榜单
res.data.wealth <= 7 ? $('.priorityWinners,.priorityWinnersBox').hide() : $('.priorityWinners,.priorityWinnersBox').show()
// 处理倒计时
countup(res.data.endTime - res.timestamp);
// 处理顶部进度以及个人信息
$('.myBox .tx').attr('src', res.data.avatar);
$('.myBox .name').text(res.data.nick);
$('.myBox .tetxBox .r b').text(res.data.goldNum);
console.log(res.data.goldNum < 700000);
if (res.data.goldNum < 700000) {
$('.myBox .tetxBox .r strong').text(700000);
$('.myBox .lineBox .box1 span b').text('70K');
$('.myBox .lineBox .box1').css('left', `${(70000 / 700000) * 100}%`);
$('.myBox .lineBox .box2 span b').text('350K');
$('.myBox .lineBox .box2').css('left', `${(350000 / 700000) * 100}%`);
$('.myBox .lineBox .box3 span b').text('700K');
$('.myBox .lineBox .box3').css('right', `0%`);
$('.myBox .lineBox .line').css('width', `${((res.data.goldNum / 700000) * 100) > 100 ? 100 : (res.data.goldNum / 700000) * 100}%`);
if (res.data.goldNum >= 70000) { $('.myBox .lineBox .box1').addClass('act') }
if (res.data.goldNum >= 350000) { $('.myBox .lineBox .box2').addClass('act') }
if (res.data.goldNum >= 700000) { $('.myBox .lineBox .box3').addClass('act') }
} else {
$('.myBox .tetxBox .r strong').text(7000000);
$('.myBox .lineBox .box1 span b').text('210K');
$('.myBox .lineBox .box1').css('left', `${(70000 / 7000000) * 100}%`);
$('.myBox .lineBox .box2 span b').text('3500K');
$('.myBox .lineBox .box2').css('left', `${(3500000 / 7000000) * 100}%`);
$('.myBox .lineBox .box3 span b').text('7M');
$('.myBox .lineBox .box3').css('right', `0`);
$('.myBox .lineBox .line').css('width', `${((res.data.goldNum / 7000000) * 100) > 100 ? 100 : (res.data.goldNum / 7000000) * 100}%`);
if (res.data.goldNum >= 210000) { $('.myBox .lineBox .box1').addClass('act') }
if (res.data.goldNum >= 3500000) { $('.myBox .lineBox .box2').addClass('act') }
if (res.data.goldNum >= 7000000) { $('.myBox .lineBox .box3').addClass('act') }
}
// 处理每个档位的用户前四名
res.data.activityLevelUserVo.forEach((res, i) => {
var str = '';
if ((res.level) <= 3) {
$(`.content1 .level${res.level} .priorityWinnersBox div`).remove();
} else {
$(`.content2 .level${res.level} .priorityWinnersBox div`).remove();
}
if (res.userVos.length > 0) {
res.userVos.forEach(val => {
str += `
<div>
<img src="${val.avatar}" alt="">
<span>${val.name}</span>
</div>
`
})
} else {
str += `
<div>
<img src="./images/null.png" alt="">
<span>${localLang.demoModule.waiting}</span>
</div>
`
}
if ((res.level) <= 3) {
$(`.content1 .level${res.level} .priorityWinnersBox`).append(str);
} else {
$(`.content2 .level${res.level} .priorityWinnersBox`).append(str);
}
})
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
// 倒計時
function countup(leftTime) {
clearTimeout(countupTime)
//獲取當前時間
// var now = nowTime;
var d = 0;
var h = 0;
var m = 0;
var s = 0;
//定義變數 d,h,m,s保存倒計時的時間
var d, h, m, s;
//遞歸每秒調⽤countTime⽅法顯⽰動態時間效果
if (leftTime > 0) {
d = getzf(Math.floor(leftTime / 1000 / 60 / 60 / 24));
h = getzf(Math.floor(leftTime / 1000 / 60 / 60 % 24));
m = getzf(Math.floor(leftTime / 1000 / 60 % 60));
s = getzf(Math.floor(leftTime / 1000 % 60));
//將倒計時賦值到div中
$('.header .timeBox .hour b').text(h);
$('.header .timeBox .min b').text(m);
$('.header .timeBox .sec b').text(s);
} else {
getConfig();
}
if (leftTime > 0) {
leftTime = leftTime - 1000;
}
countupTime = setTimeout(function () {
countup(leftTime);
}, 1000);
}
//补0操作
function getzf(num) {
if (parseInt(num) < 10) {
num = '0' + num;
}
return num;
}
// tab切换
$('.tab div').click(function () {
var i = $(this).index() + 1;
$('.content1,.content2').hide();
$(`.content${i}`).show();
$(this).addClass(`${i == 2 ? 'act2' : 'act'}`).siblings().removeClass('act').removeClass('act2')
})
// 打开mp4弹窗
$('.content2 .contentBox1 .box .zjIcon').click(function () {
var video = document.getElementById('zjVideo');
video.play();
bodyScroolFun(true);
$('.video').show();
})
$('.content2 .contentBox1 .box .xzIcon').click(function () {
var video = document.getElementById('zjVideo2');
video.play();
bodyScroolFun(true);
$('.video2').show();
})
$('.content2 .contentBox2 .box .xzIcon').click(function () {
var video = document.getElementById('zjVideo3');
video.play();
bodyScroolFun(true);
$('.video3').show();
})
// 关闭mp4弹窗
$('.video .close,.video2 .close,.video3 .close').click(function () {
var video = document.getElementById('zjVideo');
var video2 = document.getElementById('zjVideo2');
var video3 = document.getElementById('zjVideo3');
video.pause();
video2.pause();
video3.pause();
bodyScroolFun(false);
$('.video,.video2,.video3').hide();
})
// 监听播放完毕事件
var video = document.getElementById('zjVideo');
video.addEventListener('ended', function () {
video.pause();
bodyScroolFun(false);
$('.video').hide();
});
// 监听播放完毕事件
var video2 = document.getElementById('zjVideo2');
video.addEventListener('ended', function () {
video2.pause();
bodyScroolFun(false);
$('.video2').hide();
});
// 监听播放完毕事件
var video3 = document.getElementById('zjVideo3');
video.addEventListener('ended', function () {
video3.pause();
bodyScroolFun(false);
$('.video3').hide();
});
// 打开规则
$('.header .rule_icon').click(function () {
$('.rule').show();
bodyScroolFun(true);
})
// 关闭规则
$('.rule .rule_in .close').click(function () {
$('.rule').hide();
bodyScroolFun(false);
})

View File

@@ -0,0 +1,59 @@
// 阿拉伯
langAr = {
// 模块
demoModule: {
layerIndex1: `جاري التحميل...`,
layerIndex2: `نجاح`,
layerIndex3: `خطأ في الشبكة`,
text1: `الاستهلاك اليومي`,
text2: `القواعد`,
text3: `ساعة`,
text4: `دقيقة`,
text5: `ثانية`,
text6: `استهلاك العملات`,
text7: `استهلاك 70K-700K`,
text8: `استهلاك 210K-7M`,
text9: `استهلاك 700K`,
text10: `استهلاك 350K`,
text11: `استهلاك 70K`,
text12: `استهلاك 7M`,
text13: `استهلاك 3500K`,
text14: `استهلاك 210K`,
text15: `هذا الحدث لا علاقة له بـ Apple`,
text16: `هذا الحدث لا علاقة له بـ Google`,
priorityWinners: `الفائزون ذوو الأولوية`,
enRule: `
<p>
1. وقت النشاط: يوميًا من 00:00 إلى 23:59 (GMT+3).<br>
2. يتم حساب إنفاقك اليومي على المنصة، إرسال 1 هدية بعملة = 1 قيمة العملة؛ 1 هدية الحظ بعملة = 0.05 قيمة العملة.<br>
3. عند وصولك إلى المستوى المناسب، ستحصل على مكافأة المستوى المناسب.<br>
</p>
<p>
القيود:<br>
1. وكلاء الشحن لا يشاركون في هذا النشاط.<br>
2. لا يتم احتساب مدخلات اللعبة كاستهلاك للعملات المعدنية.<br>
</p>
<p>
ملاحظة:<br>
1. هذا النشاط ليس له علاقة بـ Google و Apple.
</p>
`,
arRule: `
<p>
1. وقت النشاط: يوميًا من 00:00 إلى 23:59 (GMT+3).<br>
2. يتم حساب إنفاقك اليومي على المنصة، إرسال 1 هدية بعملة = 1 قيمة العملة؛ 1 هدية الحظ بعملة = 0.05 قيمة العملة.<br>
3. عند وصولك إلى المستوى المناسب، ستحصل على مكافأة المستوى المناسب.<br>
</p>
<p>
القيود:<br>
1. وكلاء الشحن لا يشاركون في هذا النشاط.<br>
2. لا يتم احتساب مدخلات اللعبة كاستهلاك للعملات المعدنية.<br>
</p>
<p>
ملاحظة:<br>
1. هذا النشاط ليس له علاقة بـ Google و Apple.
</p>
`,
waiting: `ي انتظار`,
}
}

View File

@@ -0,0 +1,58 @@
langEn = {
demoModule: {
layerIndex1: `Loading...`,
layerIndex2: `Success`,
layerIndex3: `Network error`,
text1: `Daily Consumption`,
text2: `Rules`,
text3: `Hour`,
text4: `Min`,
text5: `Sec`,
text6: `Consume coins`,
text7: `Consume 70K-700K`,
text8: `Consume 210K-7M`,
text9: `Consume 700K`,
text10: `Consume 350K`,
text11: `Consume 70K`,
text12: `Consume 7M`,
text13: `Consume 3500K`,
text14: `Consume 210K`,
text15: `This event has nothing to do with Apple`,
text16: `This event has nothing to do with Google`,
priorityWinners: `Priority Winners`,
enRule: `
<p>
1. Activity time: daily 0:00-23:59 (GMT+8).<br>
2. Daily calculation of your spending in the platform, send 1 coin gift = 1 coin value; 1 coin lucky
gift = 0.02 coin value.<br>
3. When you reach the corresponding level, you will get the corresponding level reward.<br>
</p>
<p>
Restrictions:<br>
1. Recharge agent do not participate in this activity.<br>
2. The input of game is not counted as consumption of coins.<br>
</p>
<p>
Attention:<br>
1. This activity has nothing to do with Google and Apple.
</p>
`,
arRule: `
<p>
1. Activity time: daily 0:00-23:59 (GMT+3).<br>
2. Daily calculation of your spending on the platform, send 1 coin gift = 1 coin value; 1 coin lucky gift = 0.05 coin value.<br>
3. When you reach the corresponding level, you will get the corresponding level reward.<br>
</p>
<p>
Restrictions:<br>
1. Recharge agents do not participate in this activity.<br>
2. Game input is not counted as coin consumption.<br>
</p>
<p>
Attention:<br>
1. This activity has nothing to do with Google and Apple.
</p>
`,
waiting: `Waiting`,
}
}

View File

@@ -0,0 +1,59 @@
// 中文
langZh = {
// 模塊
demoModule: {
layerIndex1: `加载中...`,
layerIndex2: `成功`,
layerIndex3: `网络错误`,
text1: `每日消費`,
text2: `規則`,
text3: `小時`,
text4: ``,
text5: ``,
text6: `消耗金幣`,
text7: `消耗 70K-700K`,
text8: `消耗 210K-700萬`,
text9: `消耗 700K`,
text10: `消耗 350K`,
text11: `消耗 70K`,
text12: `消耗 700萬`,
text13: `消耗 3500K`,
text14: `消耗 210K`,
text15: `此活動與 Apple 無關`,
text16: `此活動與 Google 無關`,
priorityWinners: `優先獲勝者`,
enRule: `
<p>
1. 活動時間:每日 0:00-23:59GMT+8。<br>
2. 每日計算您在平台上的消費,送 1 枚金幣禮物 = 1 枚金幣價值1 枚金幣幸運禮物 = 0.02 枚金幣價值。<br>
3. 當您達到相應級別時,您將獲得相應級別的獎勵。<br>
</p>
<p>
限制:<br>
1. 充值代理不參加此活動。<br>
2. 遊戲的投入不計為金幣消費。<br>
</p>
<p>
注意:<br>
1. 此活動與 Google 和 Apple 無關。
</p>
`,
arRule: `
<p>
1. 活動時間:每日 0:00-23:59GMT+3。<br>
2. 每日計算您在平台上的消費,送 1 枚金幣禮物 = 1 枚金幣價值1 枚金幣幸運禮物 = 0.05 枚金幣價值。<br>
3. 當您達到相應級別時,您將獲得相應級別的獎勵。<br>
</p>
<p>
限制:<br>
1. 充值代理不參加此活動。<br>
2. 遊戲的投入不計為金幣消費。<br>
</p>
<p>
注意:<br>
1. 此活動與 Google 和 Apple 無關。
</p>
`,
waiting: `等待中`,
}
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bank</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="">Bank</b>
</div>
<!-- 账户信息 -->
<div class="box currencyType">
<input type="text" disabled placeholder="Currency Type:USD">
<!-- <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="text5">
<img src="./images/right.png" alt="" class="right">
</div>
<p class="p "><span>*</span> <b class="p2"></b></p>
<div class="box payeeAccountNo">
<input type="text" placeholder="payeeAccountNo" class="text6">
</div>
<p class="p "><span>*</span> <b class="p3"></b></p>
<div class="box bankName">
<input type="text" placeholder="Bank Name" class="text7"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
<p class="p "><span>*</span> <b class="p4"></b></p>
<div class="box sWIFTCode">
<input type="text" placeholder="SWIFT Code" class="text8"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</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>
<p class="p "><span>*</span> <b class="p6"></b></p>
<div class="box Address">
<input type="text" placeholder="Address" class="text10"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
<!-- 按钮 -->
<div class="but">
<!-- 确认按钮 -->
<div class="ok text1"></div>
<!-- 解绑按钮 -->
<div class="determine text2"></div>
</div>
<!-- 选择弹窗 -->
<div class="pub">
<div class="pub_in">
<div class="title text3"></div>
<div class="soure text4"></div>
<div class="countryPub"></div>
</div>
</div>
<div class="null"></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="./js/BANK.js"></script>
<script src="../../common/local/langHandler.js"></script>
</html>

View File

@@ -0,0 +1,65 @@
<!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="./js/PAYONNER.js"></script>
<script src="../../common/local/langHandler.js"></script>
</html>

View File

@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>USDT</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="text2">USDT</b>
</div>
<!-- 账户信息 -->
<div class="box currencyType">
<span></span>
<input type="text" disabled placeholder="Currency Type:USD">
<!-- <img src="./images/right.png" alt="" class="right"> -->
</div>
<div class="box country">
<span>*</span>
<input type="text" readonly placeholder="Country">
<img src="./images/right.png" alt="" class="right">
</div>
<div class="box payeeAccountNo">
<span>*</span>
<input type="text" placeholder="payeeAccountNo">
</div>
<!-- 按钮 -->
<div class="but">
<!-- 确认按钮 -->
<div class="ok">Confirm</div>
<!-- 解绑按钮 -->
<div class="determine">Determine</div>
</div>
<!-- 选择弹窗 -->
<div class="pub">
<div class="pub_in">
<div class="title">Country</div>
<div class="soure">OK</div>
<div class="countryPub">asdasdasd</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="./js/USDT.js"></script>
<script src="../../common/local/langHandler.js"></script>
</html>

View File

@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title class="">Vodafone</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="">Vodafone</b>
</div>
<!-- 账户信息 -->
<div class="box currencyType">
<input type="text" disabled placeholder="Currency Type:USD">
<!-- <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="p2"></b></p>
<div class="box payeeAccountNo">
<input type="text" placeholder="payeeAccountNo" class="text8">
</div>
<!-- 按钮 -->
<div class="but">
<!-- 确认按钮 -->
<div class="ok text2">Confirm</div>
<!-- 解绑按钮 -->
<div class="determine text3">Determine</div>
</div>
<!-- 选择弹窗 -->
<div class="pub">
<div class="pub_in">
<div class="title text4">Country</div>
<div class="soure text5">OK</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="./js/VODAFONE.js"></script>
<script src="../../common/local/langHandler.js"></script>
</html>

View File

@@ -0,0 +1,232 @@
html,
body {
width: 100%;
height: 100%;
background: #fff;
box-sizing: border-box;
}
.back {
width: 100%;
height: 2.66667rem;
line-height: 3.46667rem;
position: fixed;
left: 0;
top: 0rem;
text-align: center;
color: #333333;
font-size: 0.50667rem;
font-weight: bold;
z-index: 10;
background: #fff;
}
.back img {
width: 0.58667rem;
height: 0.58667rem;
position: absolute;
left: 0.24rem;
top: 54%;
}
.box {
width: 9.2rem;
height: 1.49333rem;
border-radius: 0.21333rem;
background: #F2F3F7;
margin: 0 auto 0.32rem;
position: relative;
box-sizing: border-box;
padding: 0 0.26667rem;
}
.box span {
color: #ED4343;
font-size: 0.37333rem;
font-weight: 600;
height: 100%;
line-height: 1.49333rem;
display: block;
float: left;
margin: 0 0.26667rem;
}
.box input {
display: block;
float: left;
width: 7rem;
height: 100%;
font-size: 0.37333rem;
font-weight: 400;
outline: none;
border: 0;
background: none;
font-weight: bold;
}
.box input::placeholder {
color: #7B7B7D;
font-weight: 400;
}
.box .right {
display: block;
width: 0.56rem;
height: 0.56rem;
float: right;
margin: 0.48rem 0.26667rem 0;
}
.p {
width: 9.2rem;
height: 0.53333rem;
line-height: 0.53333rem;
margin: 0 auto 0.21333rem;
}
.p span {
color: #ED4343;
font-size: 0.37333rem;
font-weight: 600;
height: 100%;
display: block;
float: left;
margin: 0 0.10667rem;
}
.p b {
font-size: 0.37333rem;
color: #313131;
font-weight: 500;
}
.currencyType {
margin-top: 3.1rem;
}
.but {
width: 9.2rem;
display: flex;
justify-content: center;
margin: 0 auto 0.45333rem;
}
.but .ok {
width: 4.45333rem;
height: 1.22667rem;
border-radius: 1.22667rem;
line-height: 1.22667rem;
color: #FFFFFF;
font-size: 0.42667rem;
font-weight: 500;
text-align: center;
background: #04D5C6;
margin: 0 0.14667rem;
}
.but .determine {
width: 4.45333rem;
height: 1.22667rem;
border-radius: 1.22667rem;
line-height: 1.22667rem;
color: #FFFFFF;
font-size: 0.42667rem;
font-weight: 500;
text-align: center;
background: #FF6A6A;
margin: 0 0.14667rem;
}
.pub {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
}
.pub .pub_in {
width: 10rem;
height: auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
background: #fff;
border-radius: 0.42667rem 0.42667rem 0 0;
box-sizing: border-box;
padding-top: 1.49333rem;
padding-bottom: 0.26667rem;
}
.pub .pub_in .title {
position: absolute;
left: 50%;
transform: translateX(-50%);
color: #313131;
font-size: 0.42667rem;
font-weight: 500;
top: 0.32rem;
height: 0.58667rem;
line-height: 0.58667rem;
}
.pub .pub_in .soure {
z-index: 2;
color: #04D5C6;
font-size: 0.42667rem;
font-weight: 500;
position: absolute;
right: 0.42667rem;
top: 0.37333rem;
}
.pub .pub_in .countryPub {
width: 100%;
height: 0.85333rem;
line-height: 0.85333rem;
text-align: center;
color: #7B7B7D;
font-size: 0.4rem;
font-weight: 400;
}
.pub .pub_in .act {
background: #F4F4F4;
color: #313131;
}
.arabic .back img {
right: 0.2rem;
left: unset;
transform: rotate(180deg);
}
.arabic .box span {
float: right;
}
.arabic .box input {
float: right;
}
.arabic .box .right {
float: left;
transform: rotate(180deg);
}
.arabic .pub .pub_in .soure {
right: auto;
left: 0.42667rem;
}
.arabic .p span {
float: right;
}
.null {
height: 6rem;
}

View File

@@ -0,0 +1,244 @@
@function px2rem($px) {
@return $px / 75+rem;
}
html,
body {
width: 100%;
height: 100%;
background: #fff;
box-sizing: border-box;
}
.back {
width: 100%;
height: px2rem(200);
line-height: px2rem(260);
position: fixed;
left: 0;
top: px2rem(0);
text-align: center;
color: #333333;
font-size: px2rem(38);
font-weight: bold;
z-index: 10;
background: #fff;
img {
width: px2rem(44);
height: px2rem(44);
position: absolute;
left: px2rem(18);
top: 54%;
}
}
.box {
width: px2rem(690);
height: px2rem(112);
border-radius: px2rem(16);
background: #F2F3F7;
margin: 0 auto px2rem(24);
position: relative;
box-sizing: border-box;
padding: 0 px2rem(20);
span {
color: #ED4343;
font-size: px2rem(28);
font-weight: 600;
height: 100%;
line-height: px2rem(112);
display: block;
float: left;
margin: 0 px2rem(20);
}
input {
display: block;
float: left;
width: 7rem;
height: 100%;
font-size: px2rem(28);
font-weight: 400;
outline: none;
border: 0;
background: none;
font-weight: bold;
&::placeholder {
color: #7B7B7D;
font-weight: 400;
}
}
.right {
display: block;
width: px2rem(42);
height: px2rem(42);
float: right;
margin: px2rem(36) px2rem(20) 0;
}
}
.p {
width: px2rem(690);
height: px2rem(40);
line-height: px2rem(40);
margin: 0 auto px2rem(16);
span {
color: #ED4343;
font-size: px2rem(28);
font-weight: 600;
height: 100%;
display: block;
float: left;
margin: 0 px2rem(8);
}
b {
font-size: px2rem(28);
color: #313131;
font-weight: 500;
}
}
.currencyType {
margin-top: 3.1rem;
}
.but {
width: px2rem(690);
display: flex;
justify-content: center;
margin: 0 auto px2rem(34);
.ok {
width: px2rem(334);
height: px2rem(92);
border-radius: px2rem(92);
line-height: px2rem(92);
color: #FFFFFF;
font-size: px2rem(32);
font-weight: 500;
text-align: center;
background: #04D5C6;
margin: 0 px2rem(11);
}
.determine {
width: px2rem(334);
height: px2rem(92);
border-radius: px2rem(92);
line-height: px2rem(92);
color: #FFFFFF;
font-size: px2rem(32);
font-weight: 500;
text-align: center;
background: #FF6A6A;
margin: 0 px2rem(11);
}
}
.pub {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, .5);
z-index: 999;
display: none;
.pub_in {
width: px2rem(750);
height: auto;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
background: #fff;
border-radius: px2rem(32) px2rem(32) 0 0;
box-sizing: border-box;
padding-top: px2rem(112);
padding-bottom: px2rem(20);
.title {
position: absolute;
left: 50%;
transform: translateX(-50%);
color: #313131;
font-size: px2rem(32);
font-weight: 500;
top: px2rem(24);
height: px2rem(44);
line-height: px2rem(44);
}
.soure {
z-index: 2;
color: #04D5C6;
font-size: px2rem(32);
font-weight: 500;
position: absolute;
right: px2rem(32);
top: px2rem(28);
}
.countryPub {
width: 100%;
height: px2rem(64);
line-height: px2rem(64);
text-align: center;
color: #7B7B7D;
font-size: px2rem(30);
font-weight: 400;
}
.act {
background: #F4F4F4;
color: #313131;
}
}
}
.arabic {
.back img {
right: px2rem(15);
left: unset;
transform: rotate(180deg);
}
.box {
span {
float: right;
}
input {
float: right;
}
.right {
float: left;
transform: rotate(180deg);
}
}
.pub .pub_in .soure {
right: auto;
left: px2rem(32);
}
.p {
span {
float: right;
}
}
}
.null {
height: 6rem;
}

View File

@@ -118,6 +118,43 @@ ul li div span {
margin-top: 0.26667rem;
}
ul .actLi {
height: 2.45333rem;
position: relative;
overflow: hidden;
}
ul .actLi p,
ul .actLi b {
margin-top: 0.66667rem;
}
ul .actLi i {
font-style: normal;
position: absolute;
top: 0;
right: 0;
height: 0.50667rem;
line-height: 0.50667rem;
padding: 0 0.21333rem;
border-radius: 0px 0.26667rem 0px 0.26667rem;
text-align: center;
color: #FFFFFF;
font-size: 0.32rem;
}
ul .actLi .sp0 {
background: #FCAC3A;
}
ul .actLi .sp1 {
background: #04D5C6;
}
ul .actLi .sp2 {
background: #FF605A;
}
.arLang .nav .back {
right: 0.4rem;
left: unset;

View File

@@ -124,6 +124,43 @@ ul {
// }
}
}
.actLi {
height: px2rem(92);
position: relative;
overflow: hidden;
p,
b {
margin-top: px2rem(25);
}
i {
font-style: normal;
position: absolute;
top: 0;
right: 0;
height: px2rem(19);
line-height: px2rem(19);
padding: 0 px2rem(8);
border-radius: 0px px2rem(10) 0px px2rem(10);
text-align: center;
color: #FFFFFF;
font-size: px2rem(12);
}
.sp0 {
background: #FCAC3A;
}
.sp1 {
background: #04D5C6;
}
.sp2 {
background: #FF605A;
}
}
}
.arLang {

View File

@@ -91,8 +91,8 @@ ul li .num {
}
ul li .ts {
width: 1.70667rem;
height: 1.37333rem;
width: 1.54667rem;
height: 1.54667rem;
position: absolute;
z-index: 2;
left: 1.09333rem;
@@ -100,12 +100,12 @@ ul li .ts {
}
ul li .tx {
width: 1.33333rem;
height: 1.33333rem;
width: 1.4rem;
height: 1.45rem;
position: absolute;
left: 1.28rem;
top: 0.52rem;
border-radius: 50%;
left: 1.2rem;
top: 0.46rem;
border-radius: 0.1rem;
}
ul li .user {

View File

@@ -94,8 +94,8 @@ ul {
}
.ts {
width: px2rem(128);
height: px2rem(103);
width: px2rem(116);
height: px2rem(116);
position: absolute;
z-index: 2;
left: px2rem(82);
@@ -103,12 +103,12 @@ ul {
}
.tx {
width: px2rem(100);
height: px2rem(100);
width: 1.4rem;
height: 1.45rem;
position: absolute;
left: px2rem(96);
top: px2rem(39);
border-radius: 50%;
left: 1.2rem;
top: 0.46rem;
border-radius: 0.1rem;
}
.user {

View File

@@ -49,7 +49,7 @@ body {
position: absolute;
left: 0.45333rem;
top: 2.88rem;
border-radius: 50%;
border-radius: 0.21333rem;
border: 0.02667rem solid #FFE8A9;
}
@@ -64,6 +64,23 @@ body {
display: none;
}
.header .audit {
width: 1.41333rem;
height: 0.45333rem;
line-height: 0.45333rem;
text-align: center;
position: absolute;
border-radius: 0.45333rem;
top: 4.74667rem;
left: 0.74667rem;
color: #fff;
font-size: 0.29333rem;
font-weight: 500;
background: #D42E00;
display: none;
white-space: nowrap;
}
.header .nick {
width: 55%;
overflow: hidden;
@@ -112,7 +129,7 @@ body {
color: #fff;
font-size: 0.37333rem;
position: absolute;
top: 3.54667rem;
top: 3.81333rem;
right: 0.42667rem;
z-index: 5;
padding: 0 0.13333rem;
@@ -637,6 +654,12 @@ body {
font-size: 0.29333rem;
}
.arabic .audit {
left: auto;
right: 0.57333rem;
width: 1.86667rem;
}
.arabic .guildList .top b {
float: right;
}

View File

@@ -54,7 +54,7 @@ body {
position: absolute;
left: px2rem(34);
top: px2rem(216);
border-radius: 50%;
border-radius: px2rem(16);
border: px2rem(2) solid #FFE8A9;
}
@@ -69,6 +69,23 @@ body {
display: none;
}
.audit {
width: px2rem(106);
height: px2rem(34);
line-height: px2rem(34);
text-align: center;
position: absolute;
border-radius: px2rem(34);
top: px2rem(356);
left: px2rem(56);
color: #fff;
font-size: px2rem(22);
font-weight: 500;
background: #D42E00;
display: none;
white-space: nowrap;
}
.nick {
width: 55%;
overflow: hidden;
@@ -118,7 +135,7 @@ body {
color: #fff;
font-size: px2rem(28);
position: absolute;
top: px2rem(266);
top: px2rem(286);
right: px2rem(32);
z-index: 5;
padding: 0 px2rem(10);
@@ -647,7 +664,8 @@ body {
right: auto;
left: px2rem(32);
}
.headerBox .headerBox_in div{
.headerBox .headerBox_in div {
text-align: right;
}
@@ -663,6 +681,12 @@ body {
}
}
.audit {
left: auto;
right: px2rem(43);
width: px2rem(140);
}
.guildList .top b {
float: right;
}

View File

@@ -193,6 +193,12 @@ html {
width: 0.42667rem;
height: 0.42667rem;
margin-top: 0.05333rem;
}
.transfer_method li .wenhao,
.transfer_dollars li .wenhao {
width: 0.58667rem;
height: 0.58667rem;
display: inline-block;
}
@@ -240,23 +246,234 @@ html {
.transfer_method .agent_settlement .pop,
.transfer_dollars .official_withdraw .pop,
.transfer_dollars .agent_settlement .pop {
width: 4.8rem;
height: 1.12rem;
background: url(../images/pop.png) no-repeat;
background-size: 100% 100%;
min-width: 5.76rem;
position: absolute;
top: -0.42667rem;
left: 3.52rem;
top: -0.4rem;
left: 2.9rem;
font-size: 0.32rem;
line-height: 0.42667rem;
color: #ffffff;
padding: 0.10667rem 0.21333rem 0;
padding: 0.21333rem;
background: #04D5C6;
border-radius: 0.21333rem;
}
.transfer_dollars {
margin-bottom: 2.13333rem;
}
.withdrawalAccount {
width: 9.2rem;
height: 1.49333rem;
line-height: 1.49333rem;
box-sizing: border-box;
background: #F2F3F7;
border-radius: 0.21333rem;
margin: 0.26667rem auto 0.26667rem;
padding: 0 0.53333rem;
display: none;
}
.withdrawalAccount .left {
color: #313131;
font-size: 0.37333rem;
font-weight: 600;
float: left;
}
.withdrawalAccount .left b {
color: #ED4343;
margin-right: 0.10667rem;
}
.withdrawalAccount .right {
color: #7B7B7D;
font-size: 0.37333rem;
float: right;
}
.withdrawalAccount .right img {
display: inline-block;
width: 0.56rem;
height: 0.56rem;
margin-top: 0.48rem;
}
.selectAccount {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.selectAccount .selectAccount_in {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 10rem;
min-height: 6.10667rem;
background: #fff;
border-radius: 0.42667rem 0.42667rem 0rem 0rem;
}
.selectAccount .selectAccount_in .title {
width: 100%;
text-align: center;
color: #313131;
font-size: 0.42667rem;
margin-top: 0.34667rem;
margin-bottom: 0.34667rem;
font-weight: 600;
}
.selectAccount .selectAccount_in .accountBox {
margin: 0 auto;
width: 9.14667rem;
}
.selectAccount .selectAccount_in .accountBox .account {
width: 100%;
height: 1.06667rem;
line-height: 1.06667rem;
background: #F4F4F4;
border-radius: 0.21333rem;
margin-bottom: 0.42667rem;
box-sizing: border-box;
padding: 0 0.32rem;
}
.selectAccount .selectAccount_in .accountBox .account .sel {
width: 0.48rem;
height: 0.48rem;
margin-top: 0.29333rem;
margin-right: 0.13333rem;
display: block;
float: left;
}
.selectAccount .selectAccount_in .accountBox .account b,
.selectAccount .selectAccount_in .accountBox .account span {
color: #313131;
font-size: 0.37333rem;
font-weight: 400;
float: left;
}
.selectAccount .selectAccount_in .accountBox .account .eid {
display: block;
float: right;
margin-top: 0.24rem;
width: 0.58667rem;
height: 0.58667rem;
}
.pubWithdrawal {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.pubWithdrawal .pubWithdrawal_in {
width: 9.14667rem;
min-height: 10.72rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 0.42667rem;
}
.pubWithdrawal .pubWithdrawal_in .title {
width: 100%;
text-align: center;
color: #313131;
font-size: 0.45333rem;
font-weight: 500;
margin-top: 0.53333rem;
margin-bottom: 0.37333rem;
}
.pubWithdrawal .pubWithdrawal_in .boxw {
width: 8.08rem;
height: 0.53333rem;
line-height: 0.53333rem;
margin: 0 auto 0.53333rem;
display: flex;
justify-content: space-between;
overflow: hidden;
}
.pubWithdrawal .pubWithdrawal_in .boxw .left {
color: #7B7B7D;
font-size: 0.37333rem;
font-weight: 500;
}
.pubWithdrawal .pubWithdrawal_in .boxw .left b,
.pubWithdrawal .pubWithdrawal_in .boxw .left p {
color: #7B7B7D;
font-size: 0.37333rem;
font-weight: 500;
}
.pubWithdrawal .pubWithdrawal_in .boxw .right {
color: #313131;
font-size: 0.37333rem;
font-weight: 500;
}
.pubWithdrawal .pubWithdrawal_in .box3 {
height: auto;
}
.pubWithdrawal .pubWithdrawal_in .box3 b {
margin-bottom: 0.16rem;
display: block;
}
.pubWithdrawal .pubWithdrawal_in .text {
color: #7B7B7D;
font-size: 0.37333rem;
width: 8.08rem;
margin: 0 auto 0.45333rem;
font-weight: 400;
}
.pubWithdrawal .pubWithdrawal_in .ok {
width: 8.08rem;
height: 1.22667rem;
line-height: 1.22667rem;
border-radius: 1.22667rem;
background: #04D5C6;
margin: 0 auto 0.32rem;
color: #FFFFFF;
font-size: 0.42667rem;
text-align: center;
}
.pubWithdrawal .pubWithdrawal_in .close {
width: 8.08rem;
height: 1.22667rem;
line-height: 1.22667rem;
border-radius: 1.22667rem;
background: #F2F3F7;
margin: 0 auto 0;
color: #7B7B7D;
font-size: 0.42667rem;
text-align: center;
}
.confirm {
width: 9.17333rem;
height: 1.06667rem;
@@ -576,6 +793,61 @@ html {
color: #7b7b7d;
}
.success {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
display: none;
}
.success .success_in {
width: 9.14667rem;
min-height: 4.64rem;
background: #fff;
border-radius: 0.42667rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.success .success_in .title {
width: 100%;
text-align: center;
color: #313131;
font-size: 0.45333rem;
height: 0.64rem;
margin-top: 0.4rem;
margin-bottom: 0.37333rem;
font-weight: 500;
}
.success .success_in p {
width: 8.08rem;
margin: 0 auto 0.37333rem;
color: #7B7B7D;
font-size: 0.37333rem;
font-weight: 400;
line-height: 0.53333rem;
}
.success .success_in .but {
width: 8.08rem;
height: 1.22667rem;
line-height: 1.22667rem;
text-align: center;
color: #fff;
font-size: 0.42667rem;
font-weight: 500;
margin: 0 auto;
background: #04D5C6;
border-radius: 0.66667rem;
}
.arabic .nav .back {
right: 0.4rem;
left: unset;
@@ -584,7 +856,8 @@ html {
.arabic .transfer_method .official_withdraw .pop {
left: unset;
right: 3.52rem;
right: 3.2rem;
top: -0.8rem;
}
.arabic .my_salary p img {
@@ -601,9 +874,16 @@ html {
padding-left: unset;
}
.arabic .transfer_method .official_withdraw .pop, .arabic .transfer_method .agent_settlement .pop, .arabic .transfer_dollars .official_withdraw .pop, .arabic .transfer_dollars .agent_settlement .pop {
background: url(../images/pop-ar.png) no-repeat;
background-size: 100% 100%;
left: auto;
right: 3.52rem;
.arabic .pubWithdrawal .pubWithdrawal_in {
height: 11.6rem;
}
.arabic .pubWithdrawal .pubWithdrawal_in .boxw .right {
float: left;
white-space: nowrap;
}
.english .transfer_method .official_withdraw .pop {
top: -0.8rem;
left: 2.9rem;
}

View File

@@ -1,5 +1,5 @@
@function px2rem($px, $rem: 37.5) {
@return $px / $rem +rem;
@function px2rem($px) {
@return $px / 37.5+rem;
}
body,
@@ -189,6 +189,11 @@ html {
width: px2rem(16);
height: px2rem(16);
margin-top: px2rem(2);
}
.wenhao {
width: px2rem(22);
height: px2rem(22);
display: inline-block;
}
@@ -228,17 +233,19 @@ html {
// display: none;
.pop {
width: px2rem(180);
height: px2rem(42);
background: url(../images/pop.png) no-repeat;
background-size: 100% 100%;
min-width: px2rem(216);
// height: px2rem(42);
// background: url(../images/pop.png) no-repeat;
// background-size: 100% 100%;
position: absolute;
top: px2rem(-16);
left: px2rem(132);
top: -0.4rem;
left: 2.9rem;
font-size: px2rem(12);
line-height: px2rem(16);
color: #ffffff;
padding: px2rem(4) px2rem(8) 0;
padding: px2rem(8);
background: #04D5C6;
border-radius: px2rem(8);
}
}
}
@@ -247,6 +254,221 @@ html {
margin-bottom: px2rem(80);
}
.withdrawalAccount {
width: px2rem(345);
height: px2rem(56);
line-height: px2rem(56);
box-sizing: border-box;
background: #F2F3F7;
border-radius: px2rem(8);
margin: px2rem(10) auto px2rem(10);
padding: 0 px2rem(20);
display: none;
.left {
color: #313131;
font-size: px2rem(14);
font-weight: 600;
float: left;
b {
color: #ED4343;
margin-right: px2rem(4);
}
}
.right {
color: #7B7B7D;
font-size: px2rem(14);
float: right;
img {
display: inline-block;
width: px2rem(21);
height: px2rem(21);
margin-top: px2rem(18);
}
}
}
.selectAccount {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.5);
display: none;
.selectAccount_in {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: px2rem(375);
min-height: px2rem(229);
background: #fff;
border-radius: px2rem(16) px2rem(16) px2rem(0) px2rem(0);
.title {
width: 100%;
text-align: center;
color: #313131;
font-size: px2rem(16);
margin-top: px2rem(13);
margin-bottom: px2rem(13);
font-weight: 600;
}
.accountBox {
margin: 0 auto;
width: px2rem(343);
.account {
width: 100%;
height: px2rem(40);
line-height: px2rem(40);
background: #F4F4F4;
border-radius: px2rem(8);
margin-bottom: px2rem(16);
box-sizing: border-box;
padding: 0 px2rem(12);
.sel {
width: px2rem(18);
height: px2rem(18);
margin-top: px2rem(11);
margin-right: px2rem(5);
display: block;
float: left;
}
b,
span {
color: #313131;
font-size: px2rem(14);
font-weight: 400;
float: left;
}
.eid {
display: block;
float: right;
margin-top: px2rem(9);
width: px2rem(22);
height: px2rem(22);
}
}
}
}
}
.pubWithdrawal {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 999;
background: rgba(0, 0, 0, 0.5);
display: none;
// display: none;
.pubWithdrawal_in {
width: px2rem(343);
min-height: px2rem(402);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: px2rem(16);
.title {
width: 100%;
text-align: center;
color: #313131;
font-size: px2rem(17);
font-weight: 500;
margin-top: px2rem(20);
margin-bottom: px2rem(14);
}
.boxw {
width: px2rem(303);
height: px2rem(20);
line-height: px2rem(20);
margin: 0 auto px2rem(20);
display: flex;
justify-content: space-between;
overflow: hidden;
.left {
color: #7B7B7D;
font-size: px2rem(14);
font-weight: 500;
b,
p {
color: #7B7B7D;
font-size: px2rem(14);
font-weight: 500;
}
}
.right {
color: #313131;
font-size: px2rem(14);
font-weight: 500;
}
}
.box3 {
height: auto;
b {
margin-bottom: px2rem(6);
display: block;
}
}
.text {
color: #7B7B7D;
font-size: px2rem(14);
width: px2rem(303);
margin: 0 auto px2rem(17);
font-weight: 400;
}
.ok {
width: px2rem(303);
height: px2rem(46);
line-height: px2rem(46);
border-radius: px2rem(46);
background: #04D5C6;
margin: 0 auto px2rem(12);
color: #FFFFFF;
font-size: px2rem(16);
text-align: center;
}
.close {
width: px2rem(303);
height: px2rem(46);
line-height: px2rem(46);
border-radius: px2rem(46);
background: #F2F3F7;
margin: 0 auto 0;
color: #7B7B7D;
font-size: px2rem(16);
text-align: center;
}
}
}
.confirm {
width: px2rem(344);
height: px2rem(40);
@@ -410,6 +632,7 @@ html {
}
}
}
// .agent_pop_in{
// width: px2rem(580);
// height: px2rem(988);
@@ -527,6 +750,61 @@ html {
}
}
.success {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 9999;
display: none;
.success_in {
width: px2rem(343);
min-height: px2rem(174);
background: #fff;
border-radius: px2rem(16);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
.title {
width: 100%;
text-align: center;
color: #313131;
font-size: px2rem(17);
height: px2rem(24);
margin-top: px2rem(15);
margin-bottom: px2rem(14);
font-weight: 500;
}
p {
width: px2rem(303);
margin: 0 auto px2rem(14);
color: #7B7B7D;
font-size: px2rem(14);
font-weight: 400;
line-height: px2rem(20);
}
.but {
width: px2rem(303);
height: px2rem(46);
line-height: px2rem(46);
text-align: center;
color: #fff;
font-size: px2rem(16);
font-weight: 500;
margin: 0 auto;
background: #04D5C6;
border-radius: px2rem(25);
}
}
}
.arabic {
.nav {
.back {
@@ -538,7 +816,8 @@ html {
.transfer_method .official_withdraw .pop {
left: unset;
right: 3.52rem;
right: 3.2rem;
top: -0.8rem;
}
.my_salary p img {
@@ -556,10 +835,29 @@ html {
padding-left: unset;
}
}
.transfer_method .official_withdraw .pop, .transfer_method .agent_settlement .pop, .transfer_dollars .official_withdraw .pop, .transfer_dollars .agent_settlement .pop{
background: url(../images/pop-ar.png) no-repeat;
background-size: 100% 100%;
left: auto;
right: 3.52rem;
// .transfer_method .official_withdraw .pop,
// .transfer_method .agent_settlement .pop,
// .transfer_dollars .official_withdraw .pop,
// .transfer_dollars .agent_settlement .pop {
// background: url(../images/pop-ar.png) no-repeat;
// background-size: 100% 100%;
// left: auto;
// right: 3.52rem;
// }
.pubWithdrawal .pubWithdrawal_in {
height: 11.6rem;
.boxw .right {
float: left;
white-space: nowrap;
}
}
}
.english {
.transfer_method .official_withdraw .pop {
top: -0.8rem;
left: 2.9rem;
}
}

View File

@@ -22,9 +22,16 @@
<input disabled="true" type="text" placeholder="">
<span class="textConte2">修改</span>
</div>
<!-- 公会背景图 -->
<!-- 公会头像 -->
<h3 class="text55">公会头像</h3>
<div class="background backgrounds2">
<img src="./images/logo.png" alt="" class="">
<span class="textConte2">修改</span>
<input type="file" id="backImageUpload2" accept="image/*" onchange="fileChangeF2(event)" class="upload"
style="opacity: 0;">
</div>
<h3 class="text5">公会背景图</h3>
<div class="background">
<div class="background backgrounds">
<img src="./images/logo.png" alt="" class="">
<span class="textConte2">修改</span>
<input type="file" id="backImageUpload" accept="image/*" onchange="fileChangeF(event)" class="upload"
@@ -56,9 +63,10 @@
<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="./js/qiniu.min.js"></script>
<!-- <script src="./js/qiniu.min.js"></script> -->
<script src="./js/cos-js-sdk-v5.min.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./js/guildInfoSet.js?v=1.3"></script>
<script src="./js/guildInfoSet.js"></script>
<script src="../../common/local/langHandler.js"></script>

Binary file not shown.

After

Width:  |  Height:  |  Size: 438 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 52 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 856 B

View File

@@ -20,6 +20,7 @@
<div class="header">
<img src="./images/header_ts.png" alt="" class="ts">
<img src="./images/logo.png" alt="" class="tx">
<div class="audit"></div>
<!-- 工会长昵称 -->
<div class="nick"></div>
<div class="id"></div>

View File

@@ -0,0 +1,221 @@
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.bank.text1));
$('.text2').text(langReplace(localLang.bank.text2));
$('.text3').text(langReplace(localLang.bank.text3));
$('.text4').text(langReplace(localLang.bank.text4));
$('.text5').attr('placeholder', langReplace(localLang.bank.text5));
$('.text6').attr('placeholder', langReplace(localLang.bank.text6));
$('.text7').attr('placeholder', langReplace(localLang.bank.text7));
$('.text8').attr('placeholder', langReplace(localLang.bank.text8));
$('.text9').attr('placeholder', langReplace(localLang.bank.text9));
$('.text10').attr('placeholder', langReplace(localLang.bank.text10));
$('.p1').text(langReplace(localLang.pTitle.p1));
$('.p2').text(langReplace(localLang.pTitle.p2));
$('.p3').text(langReplace(localLang.pTitle.p3));
$('.p4').text(langReplace(localLang.pTitle.p4));
$('.p5').text(langReplace(localLang.pTitle.p5));
$('.p6').text(langReplace(localLang.pTitle.p6));
}
// 获取
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);
$('.bankName input').val(fields.bank_name);
$('.sWIFTCode input').val(fields.swift_code);
$('.payeeName input').val(fields.full_name);
$('.Address input').val(fields.address);
// 渲染国家
$('.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 nameval;
$('.pub .pub_in').on('click', '.countryPub', function (params) {
$(this).addClass('act').siblings().removeClass('act');
nameval = $(this).attr('name');
var country = $(this).attr('country');
fields.country = country;
return false;
})
// 确认选中国家
$('.pub .pub_in .soure').click(function (params) {
$('.country input').val(nameval);
$('.pub').hide();
})
// 确认绑定按钮
$('.but .ok').click(function (params) {
console.log(fields);
var obj = {}
obj.country = fields.country;
obj.bank_account = $('.payeeAccountNo input').val();
obj.bank_name = $('.bankName input').val();
obj.swift_code = $('.sWIFTCode input').val();
obj.full_name = $('.payeeName input').val();
obj.address = $('.Address input').val();
if (obj.country && obj.bank_account && obj.bank_name && obj.swift_code && obj.full_name && obj.address != '') {
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);
},
});
}

View 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.payonner.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.pTitle.p7));
$('.text9').attr('placeholder', langReplace(localLang.payonner.text9));
$('.p1').text(langReplace(localLang.pTitle.p1));
$('.p7').text(langReplace(localLang.pTitle.p7));
$('.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);
},
});
}

Some files were not shown because too many files have changed in this diff Show More