Compare commits
63 Commits
webChat
...
weekStarPl
Author | SHA1 | Date | |
---|---|---|---|
![]() |
58c9e09ea8 | ||
![]() |
22468bdfbc | ||
![]() |
dc7aec7590 | ||
![]() |
7f61d08030 | ||
![]() |
a0d2e78cd4 | ||
![]() |
8390d53cfb | ||
![]() |
cd279cc869 | ||
![]() |
898e9a7a07 | ||
![]() |
be65800ed8 | ||
![]() |
4407ed5926 | ||
![]() |
f63446e4a2 | ||
![]() |
77402a8e0b | ||
![]() |
2b99e05e63 | ||
![]() |
1693131b47 | ||
![]() |
870d220e1e | ||
![]() |
2af6e11cae | ||
![]() |
70ed4423ed | ||
![]() |
5bfb57a10a | ||
![]() |
d7e85d3562 | ||
![]() |
deaf973b3e | ||
![]() |
911f5b4788 | ||
![]() |
584f1acffe | ||
![]() |
dcb3f8c59e | ||
![]() |
8556f6f8de | ||
![]() |
131bc932c2 | ||
![]() |
dc40dbcf55 | ||
![]() |
31a83a7ece | ||
![]() |
2d6cb59568 | ||
![]() |
33b0bdd989 | ||
![]() |
b77ff1a208 | ||
![]() |
2b7e6e03b6 | ||
![]() |
9891bf533a | ||
![]() |
56b8a00b92 | ||
![]() |
cdf647b793 | ||
![]() |
da4ea9537b | ||
![]() |
60a487a1aa | ||
![]() |
642f9ae7c6 | ||
![]() |
4f318a5cab | ||
![]() |
090edcbaf2 | ||
![]() |
a923e32a29 | ||
![]() |
70ef4a6086 | ||
![]() |
63d5fb3e43 | ||
![]() |
0027331d6d | ||
![]() |
d36dbd7d09 | ||
![]() |
bb442ae251 | ||
![]() |
273361001e | ||
![]() |
f1cf5ccdba | ||
![]() |
77a3bea3ef | ||
![]() |
07db8f5c66 | ||
![]() |
e9b2550677 | ||
![]() |
085e5fd422 | ||
![]() |
83e327e108 | ||
![]() |
9788766176 | ||
![]() |
9d81a08267 | ||
![]() |
7c38236ce6 | ||
![]() |
620292cb98 | ||
![]() |
e66fbe2d0a | ||
![]() |
887e2516ef | ||
![]() |
bb61ca8109 | ||
![]() |
dfb17a43c0 | ||
![]() |
1205c31f28 | ||
![]() |
697d93c044 | ||
![]() |
791b0c10cf |
@@ -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");
|
||||
|
@@ -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" + '默认英语')
|
||||
|
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
@@ -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 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 218 KiB After Width: | Height: | Size: 229 KiB |
Before Width: | Height: | Size: 206 KiB After Width: | Height: | Size: 213 KiB |
Before Width: | Height: | Size: 211 KiB After Width: | Height: | Size: 210 KiB |
@@ -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>
|
||||
|
||||
|
@@ -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);
|
@@ -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>`,
|
||||
}
|
||||
}
|
@@ -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>`,
|
||||
}
|
||||
}
|
@@ -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>`,
|
||||
}
|
||||
}
|
850
view/molistar/modules/dailyConsumption/css/index.css
Normal 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%;
|
||||
}
|
821
view/molistar/modules/dailyConsumption/css/index.scss
Normal 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%;
|
||||
}
|
||||
}
|
BIN
view/molistar/modules/dailyConsumption/images/210-zh.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
view/molistar/modules/dailyConsumption/images/210.png
Normal file
After Width: | Height: | Size: 117 KiB |
BIN
view/molistar/modules/dailyConsumption/images/210ar.png
Normal file
After Width: | Height: | Size: 117 KiB |
BIN
view/molistar/modules/dailyConsumption/images/350-zh.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
view/molistar/modules/dailyConsumption/images/350.png
Normal file
After Width: | Height: | Size: 118 KiB |
BIN
view/molistar/modules/dailyConsumption/images/3500-zh.png
Normal file
After Width: | Height: | Size: 181 KiB |
BIN
view/molistar/modules/dailyConsumption/images/3500.png
Normal file
After Width: | Height: | Size: 185 KiB |
BIN
view/molistar/modules/dailyConsumption/images/3500ar.png
Normal file
After Width: | Height: | Size: 184 KiB |
BIN
view/molistar/modules/dailyConsumption/images/350ar.png
Normal file
After Width: | Height: | Size: 118 KiB |
BIN
view/molistar/modules/dailyConsumption/images/7-zh.png
Normal file
After Width: | Height: | Size: 498 KiB |
BIN
view/molistar/modules/dailyConsumption/images/7.png
Normal file
After Width: | Height: | Size: 494 KiB |
BIN
view/molistar/modules/dailyConsumption/images/70-zh.png
Normal file
After Width: | Height: | Size: 113 KiB |
BIN
view/molistar/modules/dailyConsumption/images/70.png
Normal file
After Width: | Height: | Size: 114 KiB |
BIN
view/molistar/modules/dailyConsumption/images/700-zh.png
Normal file
After Width: | Height: | Size: 114 KiB |
BIN
view/molistar/modules/dailyConsumption/images/700.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
view/molistar/modules/dailyConsumption/images/700ar.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
view/molistar/modules/dailyConsumption/images/70ar.png
Normal file
After Width: | Height: | Size: 115 KiB |
BIN
view/molistar/modules/dailyConsumption/images/7ar.png
Normal file
After Width: | Height: | Size: 494 KiB |
BIN
view/molistar/modules/dailyConsumption/images/act.png
Normal file
After Width: | Height: | Size: 42 KiB |
BIN
view/molistar/modules/dailyConsumption/images/bf.png
Normal file
After Width: | Height: | Size: 2.5 KiB |
BIN
view/molistar/modules/dailyConsumption/images/bg.png
Normal file
After Width: | Height: | Size: 350 KiB |
BIN
view/molistar/modules/dailyConsumption/images/box.png
Normal file
After Width: | Height: | Size: 315 KiB |
BIN
view/molistar/modules/dailyConsumption/images/close.png
Normal file
After Width: | Height: | Size: 6.0 KiB |
BIN
view/molistar/modules/dailyConsumption/images/false.png
Normal file
After Width: | Height: | Size: 9.6 KiB |
BIN
view/molistar/modules/dailyConsumption/images/gold.png
Normal file
After Width: | Height: | Size: 3.6 KiB |
BIN
view/molistar/modules/dailyConsumption/images/header-ar.png
Normal file
After Width: | Height: | Size: 835 KiB |
BIN
view/molistar/modules/dailyConsumption/images/header-zh.png
Normal file
After Width: | Height: | Size: 839 KiB |
BIN
view/molistar/modules/dailyConsumption/images/header.png
Normal file
After Width: | Height: | Size: 843 KiB |
BIN
view/molistar/modules/dailyConsumption/images/null.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
view/molistar/modules/dailyConsumption/images/ruleBg.png
Normal file
After Width: | Height: | Size: 222 KiB |
BIN
view/molistar/modules/dailyConsumption/images/ruleTitle.png
Normal file
After Width: | Height: | Size: 27 KiB |
BIN
view/molistar/modules/dailyConsumption/images/rule_cion.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
view/molistar/modules/dailyConsumption/images/tab.png
Normal file
After Width: | Height: | Size: 37 KiB |
BIN
view/molistar/modules/dailyConsumption/images/tab2.png
Normal file
After Width: | Height: | Size: 99 KiB |
BIN
view/molistar/modules/dailyConsumption/images/tabact2.png
Normal file
After Width: | Height: | Size: 168 KiB |
BIN
view/molistar/modules/dailyConsumption/images/time.png
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
view/molistar/modules/dailyConsumption/images/timeBg.png
Normal file
After Width: | Height: | Size: 3.3 KiB |
BIN
view/molistar/modules/dailyConsumption/images/title.png
Normal file
After Width: | Height: | Size: 31 KiB |
BIN
view/molistar/modules/dailyConsumption/images/travel/back.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
view/molistar/modules/dailyConsumption/images/travel/backB.png
Normal file
After Width: | Height: | Size: 1.9 KiB |
BIN
view/molistar/modules/dailyConsumption/images/true.png
Normal file
After Width: | Height: | Size: 9.2 KiB |
BIN
view/molistar/modules/dailyConsumption/images/txk.png
Normal file
After Width: | Height: | Size: 14 KiB |
222
view/molistar/modules/dailyConsumption/index.html
Normal 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>
|
315
view/molistar/modules/dailyConsumption/js/index.js
Normal 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);
|
||||
})
|
59
view/molistar/modules/dailyConsumption/local/ar.js
Normal 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: `ي انتظار`,
|
||||
}
|
||||
}
|
58
view/molistar/modules/dailyConsumption/local/en.js
Normal 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`,
|
||||
}
|
||||
}
|
59
view/molistar/modules/dailyConsumption/local/zh.js
Normal 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:59(GMT+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: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: `等待中`,
|
||||
}
|
||||
}
|
BIN
view/molistar/modules/dailyConsumption/svga/ts210.svga
Normal file
BIN
view/molistar/modules/dailyConsumption/svga/ts350.svga
Normal file
BIN
view/molistar/modules/dailyConsumption/svga/ts3500.svga
Normal file
BIN
view/molistar/modules/dailyConsumption/svga/ts7.svga
Normal file
BIN
view/molistar/modules/dailyConsumption/svga/ts70.svga
Normal file
BIN
view/molistar/modules/dailyConsumption/svga/ts700.svga
Normal file
BIN
view/molistar/modules/dailyConsumption/svga/zj210.svga
Normal file
BIN
view/molistar/modules/dailyConsumption/svga/zj350.svga
Normal file
BIN
view/molistar/modules/dailyConsumption/svga/zj3500.svga
Normal file
BIN
view/molistar/modules/dailyConsumption/svga/zj70.svga
Normal file
BIN
view/molistar/modules/dailyConsumption/svga/zj700.svga
Normal file
BIN
view/molistar/modules/dailyConsumption/video/xz3500.mp4
Normal file
BIN
view/molistar/modules/dailyConsumption/video/xz7.mp4
Normal file
BIN
view/molistar/modules/dailyConsumption/video/zj7.mp4
Normal file
81
view/molistar/modules/guild-ar/BANK.html
Normal 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>
|
65
view/molistar/modules/guild-ar/PAYONNER.html
Normal 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>
|
61
view/molistar/modules/guild-ar/USDT.html
Normal 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>
|
60
view/molistar/modules/guild-ar/VODAFONE.html
Normal 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>
|
232
view/molistar/modules/guild-ar/css/BANK.css
Normal 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;
|
||||
}
|
244
view/molistar/modules/guild-ar/css/BANK.scss
Normal 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;
|
||||
}
|
@@ -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;
|
||||
|
@@ -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 {
|
||||
|
@@ -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 {
|
||||
|
@@ -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 {
|
||||
|
@@ -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;
|
||||
}
|
||||
|
@@ -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;
|
||||
}
|
||||
|
@@ -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;
|
||||
}
|
||||
|
@@ -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;
|
||||
}
|
||||
}
|
@@ -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>
|
BIN
view/molistar/modules/guild-ar/images/eidIcon.png
Normal file
After Width: | Height: | Size: 438 B |
BIN
view/molistar/modules/guild-ar/images/not.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 51 KiB After Width: | Height: | Size: 17 KiB |
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 16 KiB |
Before Width: | Height: | Size: 52 KiB After Width: | Height: | Size: 17 KiB |
BIN
view/molistar/modules/guild-ar/images/wenhao.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
view/molistar/modules/guild-ar/images/yes.png
Normal file
After Width: | Height: | Size: 856 B |
@@ -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>
|
||||
|
221
view/molistar/modules/guild-ar/js/BANK.js
Normal 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);
|
||||
},
|
||||
});
|
||||
}
|
212
view/molistar/modules/guild-ar/js/PAYONNER.js
Normal file
@@ -0,0 +1,212 @@
|
||||
const urlData = getQueryString();
|
||||
let urlPrefix = getUrlPrefix()
|
||||
let browser = checkVersion()
|
||||
let env = EnvCheck();
|
||||
if (env == 'test') {
|
||||
new VConsole();
|
||||
}
|
||||
// 封裝layer消息提醒框
|
||||
let layerIndex
|
||||
var langReplace;
|
||||
var localLang;
|
||||
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
|
||||
layer.open({
|
||||
type: 2,
|
||||
shadeClose: false,
|
||||
content,
|
||||
success(e) {
|
||||
layerIndex = $(e).attr('index')
|
||||
}
|
||||
})
|
||||
}
|
||||
const hideLoading = (index) => {
|
||||
layer.close(index)
|
||||
}
|
||||
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
|
||||
layer.open({
|
||||
content,
|
||||
time,
|
||||
skin: 'msg'
|
||||
})
|
||||
}
|
||||
var fields = {};
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
// 頁面全屏
|
||||
if (browser.app) {
|
||||
if (browser.android) {
|
||||
window.androidJsObj.initShowNav(false)
|
||||
} else {
|
||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||
}
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back img').click(() => {
|
||||
window.history.back();
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
get()
|
||||
}, 100);
|
||||
|
||||
});
|
||||
function translateFun() {
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.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);
|
||||
},
|
||||
});
|
||||
}
|