Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
0f8d25edb3 |
@@ -62,16 +62,6 @@
|
||||
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;
|
||||
@@ -104,11 +94,7 @@
|
||||
html .bootom p {
|
||||
margin-top: 0.1rem;
|
||||
font-size: 0.15rem;
|
||||
color: #fff;
|
||||
}
|
||||
body .bootom p a,
|
||||
html .bootom p a {
|
||||
color: #fff;
|
||||
color: #B8B7BF;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -224,8 +224,7 @@
|
||||
margin-top: -0.01rem;
|
||||
}
|
||||
}
|
||||
|
||||
.language {
|
||||
.language{
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
height: 0.5rem;
|
||||
@@ -236,16 +235,6 @@
|
||||
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;
|
||||
@@ -282,11 +271,7 @@
|
||||
margin-top: 0.1rem;
|
||||
// margin-bottom: 0.1rem;
|
||||
font-size: 0.15rem;
|
||||
color: #fff;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
}
|
||||
color: #B8B7BF;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -994,5 +979,4 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 229 KiB After Width: | Height: | Size: 218 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 213 KiB After Width: | Height: | Size: 206 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 211 KiB |
@@ -28,15 +28,13 @@
|
||||
<div class="diamound">
|
||||
<img src="./images/diamond.png" alt=""> <b class="text3"></b>
|
||||
</div>
|
||||
<!-- 隐私政策 -->
|
||||
<a class="privacy" href="../modules/rule/privacy-wap.html"></a>
|
||||
<!-- 语言 -->
|
||||
<div class="language"><b></b> ▼</div>
|
||||
<div class="pcIos"></div>
|
||||
<div class="pcAnd"></div>
|
||||
</div>
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -115,10 +113,6 @@
|
||||
<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,10 +91,8 @@ $(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));
|
||||
@@ -116,7 +114,6 @@ 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))
|
||||
@@ -171,11 +168,9 @@ function translateFun() {
|
||||
index = 0;
|
||||
} else if (i == 2) {
|
||||
window.location = `${urlPrefix}/molistar/modules/h5Income/login.html`
|
||||
} else if (i == 3) {
|
||||
} else {
|
||||
$('.menu').css("height", "0%");
|
||||
$('.contactUs_pub').show();
|
||||
} else {
|
||||
location.href = `../modules/rule/privacy-wap.html`
|
||||
}
|
||||
})
|
||||
// 關閉聯繫我們彈窗
|
||||
@@ -369,6 +364,6 @@ function handleResize() {
|
||||
location.reload()
|
||||
// 这里可以添加更多的逻辑，比如检查窗口的新尺寸
|
||||
}
|
||||
|
||||
|
||||
// 监听窗口大小变化事件
|
||||
window.addEventListener('resize', handleResize);
|
||||
@@ -8,7 +8,6 @@ langAr = {
|
||||
text4: `الصفحة الرئيسية`,
|
||||
text5: `المحفظة`,
|
||||
text6: `اتصل بنا`,
|
||||
text7: `سياسة الخصوصية `,
|
||||
textss: `الرجاء تحديد لغة.`,
|
||||
homePc: `background:url(./images/pcBgBig-ar.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
@@ -50,7 +49,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>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>`,
|
||||
}
|
||||
}
|
||||
@@ -7,7 +7,6 @@ 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: `
|
||||
@@ -49,7 +48,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>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>`,
|
||||
}
|
||||
}
|
||||
@@ -8,7 +8,6 @@ langZh = {
|
||||
text4: `首頁`,
|
||||
text5: `錢包`,
|
||||
text6: `聯繫我們`,
|
||||
text7: `隱私政策 `,
|
||||
textss: `请选择语言`,
|
||||
homePc: `background:url(./images/pcBgBig.png) no-repeat;background-size:100% 100%;`,
|
||||
img2: `
|
||||
@@ -47,7 +46,7 @@ langZh = {
|
||||
<img src="./images/downioad.png" alt="" class="downioad animate__animated">
|
||||
<!-- <img src="./images/down.png" alt="" class="down"> -->
|
||||
<div class="bootom">
|
||||
<p>Molistar Team</p>
|
||||
<p>Vele Network Technology Limited</p>
|
||||
</div>`,
|
||||
}
|
||||
}
|
||||
@@ -1,81 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,65 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,61 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,60 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,232 +0,0 @@
|
||||
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;
|
||||
}
|
||||
@@ -1,244 +0,0 @@
|
||||
@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,43 +118,6 @@ 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,43 +124,6 @@ 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 {
|
||||
|
||||
@@ -193,12 +193,6 @@ 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;
|
||||
}
|
||||
|
||||
@@ -246,234 +240,23 @@ html {
|
||||
.transfer_method .agent_settlement .pop,
|
||||
.transfer_dollars .official_withdraw .pop,
|
||||
.transfer_dollars .agent_settlement .pop {
|
||||
min-width: 5.76rem;
|
||||
width: 4.8rem;
|
||||
height: 1.12rem;
|
||||
background: url(../images/pop.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: -0.4rem;
|
||||
left: 2.9rem;
|
||||
top: -0.42667rem;
|
||||
left: 3.52rem;
|
||||
font-size: 0.32rem;
|
||||
line-height: 0.42667rem;
|
||||
color: #ffffff;
|
||||
padding: 0.21333rem;
|
||||
background: #04D5C6;
|
||||
border-radius: 0.21333rem;
|
||||
padding: 0.10667rem 0.21333rem 0;
|
||||
}
|
||||
|
||||
.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;
|
||||
@@ -793,61 +576,6 @@ 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;
|
||||
@@ -856,8 +584,7 @@ html {
|
||||
|
||||
.arabic .transfer_method .official_withdraw .pop {
|
||||
left: unset;
|
||||
right: 3.2rem;
|
||||
top: -0.8rem;
|
||||
right: 3.52rem;
|
||||
}
|
||||
|
||||
.arabic .my_salary p img {
|
||||
@@ -874,16 +601,9 @@ html {
|
||||
padding-left: unset;
|
||||
}
|
||||
|
||||
.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;
|
||||
.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;
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 37.5+rem;
|
||||
@function px2rem($px, $rem: 37.5) {
|
||||
@return $px / $rem +rem;
|
||||
}
|
||||
|
||||
body,
|
||||
@@ -189,11 +189,6 @@ html {
|
||||
width: px2rem(16);
|
||||
height: px2rem(16);
|
||||
margin-top: px2rem(2);
|
||||
}
|
||||
|
||||
.wenhao {
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
@@ -233,19 +228,17 @@ html {
|
||||
// display: none;
|
||||
|
||||
.pop {
|
||||
min-width: px2rem(216);
|
||||
// height: px2rem(42);
|
||||
// background: url(../images/pop.png) no-repeat;
|
||||
// background-size: 100% 100%;
|
||||
width: px2rem(180);
|
||||
height: px2rem(42);
|
||||
background: url(../images/pop.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: absolute;
|
||||
top: -0.4rem;
|
||||
left: 2.9rem;
|
||||
top: px2rem(-16);
|
||||
left: px2rem(132);
|
||||
font-size: px2rem(12);
|
||||
line-height: px2rem(16);
|
||||
color: #ffffff;
|
||||
padding: px2rem(8);
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(8);
|
||||
padding: px2rem(4) px2rem(8) 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -254,221 +247,6 @@ 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);
|
||||
@@ -632,7 +410,6 @@ html {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// .agent_pop_in{
|
||||
// width: px2rem(580);
|
||||
// height: px2rem(988);
|
||||
@@ -750,61 +527,6 @@ 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 {
|
||||
@@ -816,8 +538,7 @@ html {
|
||||
|
||||
.transfer_method .official_withdraw .pop {
|
||||
left: unset;
|
||||
right: 3.2rem;
|
||||
top: -0.8rem;
|
||||
right: 3.52rem;
|
||||
}
|
||||
|
||||
.my_salary p img {
|
||||
@@ -835,29 +556,10 @@ 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;
|
||||
// }
|
||||
.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;
|
||||
.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;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 438 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 856 B |
@@ -1,221 +0,0 @@
|
||||
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);
|
||||
},
|
||||
});
|
||||
}
|
||||
@@ -1,212 +0,0 @@
|
||||
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);
|
||||
},
|
||||
});
|
||||
}
|
||||
@@ -1,206 +0,0 @@
|
||||
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;
|
||||
$('.text2').text(langReplace(localLang.payonner.text2));
|
||||
$('.text3').text(langReplace(localLang.payonner.text3));
|
||||
$('.text4').text(langReplace(localLang.payonner.text4));
|
||||
$('.text5').text(langReplace(localLang.payonner.text5));
|
||||
$('.text7').attr('placeholder', langReplace(localLang.payonner.text7));
|
||||
$('.text8').attr('placeholder', langReplace(localLang.payonner.text8));
|
||||
$('.p1').text(langReplace(localLang.pTitle.p1));
|
||||
$('.p2').text(langReplace(localLang.pTitle.p2));
|
||||
|
||||
}
|
||||
// 获取
|
||||
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);
|
||||
// 渲染国家
|
||||
$('.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();
|
||||
if (obj.country && obj.bank_account) {
|
||||
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);
|
||||
},
|
||||
});
|
||||
}
|
||||
@@ -98,18 +98,16 @@ function getData() {
|
||||
list.forEach(item => {
|
||||
// tradeType 1 收入 2支出
|
||||
// if (item.tradeType == 1) {
|
||||
str += `
|
||||
<li class="${item.type == 5 || item.type == 6 ? 'actLi' : ''}">
|
||||
<div>
|
||||
${(item.type == 5 || item.type == 6) ? `<i class="sp${item.status}">${(item.status == 0 ? langReplace(localLang.bill.text10) : item.status == 1 ? langReplace(localLang.bill.text11) : langReplace(localLang.bill.text12))}</i>` : ''}
|
||||
<p>${item.type == 1 ? `${langReplace(localLang.bill.text5)}` : item.type == 2 ? `${langReplace(localLang.bill.text6)}` : item.type == 3 ? `${langReplace(localLang.bill.text7)}` : item.type == 4 ? `ID:${type == 1 ? item.target.erbanNo : item.me.erbanNo} ${langReplace(localLang.bill.text8)} ID: ${type == 1 ? item.me.erbanNo : item.target.erbanNo}` : `${langReplace(localLang.bill.text9)}`}</p>
|
||||
<b dir="ltr">${type == 1 ? '+ ' + item.operateUsdNum.toLocaleString() : item.operateUsdNum.toLocaleString()} ÜS</b>
|
||||
</div>
|
||||
<div>
|
||||
<span>${langReplace(localLang.bill.text4)}${item.beforeUsdNum}ÜS -> ${item.afterUsdNum}ÜS</span>
|
||||
<span>${dateFormat(item.createTime, 'yyyy/MM/dd hh:mm:ss')}</span>
|
||||
</div>
|
||||
</li>`
|
||||
str += `<li>
|
||||
<div>
|
||||
<p>${item.type == 1 ? `${langReplace(localLang.bill.text5)}` : item.type == 2 ? `${langReplace(localLang.bill.text6)}` : item.type == 3 ? `${langReplace(localLang.bill.text7)}` : item.type == 4 ? `ID:${type == 1 ? item.target.erbanNo : item.me.erbanNo} ${langReplace(localLang.bill.text8)} ID: ${type == 1 ? item.me.erbanNo : item.target.erbanNo}` : `${langReplace(localLang.bill.text9)}`}</p>
|
||||
<b dir="ltr">${type == 1 ? '+ ' + item.operateUsdNum.toLocaleString() : item.operateUsdNum.toLocaleString()} ÜS</b>
|
||||
</div>
|
||||
<div>
|
||||
<span>${langReplace(localLang.bill.text4)}${item.beforeUsdNum}ÜS -> ${item.afterUsdNum}ÜS</span>
|
||||
<span>${dateFormat(item.createTime, 'yyyy/MM/dd hh:mm:ss')}</span>
|
||||
</div>
|
||||
</li>`
|
||||
// } else {
|
||||
// str += `<li>
|
||||
// <div>
|
||||
|
||||
@@ -46,9 +46,6 @@ var transfer_dollars_ArrType;
|
||||
var typeTabType = '';
|
||||
var ratio;
|
||||
var usGold;
|
||||
var accountListName;
|
||||
var accountObj = {};
|
||||
var withdrawRate;
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
@@ -93,21 +90,6 @@ $(function () {
|
||||
$('.text16').text(langReplace(localLang.salary.text16));
|
||||
$('.text17').html(langReplace(localLang.salary.text17));
|
||||
$('.text18').html(langReplace(localLang.salary.text18));
|
||||
$('.textnew1').html(langReplace(localLang.salary.textnew1));
|
||||
$('.textnew2').html(langReplace(localLang.salary.textnew2));
|
||||
$('.textnew3').html(langReplace(localLang.salary.textnew3));
|
||||
$('.textnew4').html(langReplace(localLang.salary.textnew4));
|
||||
$('.textnew5').html(langReplace(localLang.salary.textnew5));
|
||||
$('.textnew6').html(langReplace(localLang.salary.textnew6));
|
||||
$('.textnew7').html(langReplace(localLang.salary.textnew7));
|
||||
$('.textnew8').html(langReplace(localLang.salary.textnew8));
|
||||
$('.textnew9').html(langReplace(localLang.salary.textnew9));
|
||||
$('.textnew10').html(langReplace(localLang.salary.textnew10));
|
||||
$('.textnew11').html(langReplace(localLang.salary.textnew11));
|
||||
$('.textnew12').html(langReplace(localLang.salary.textnew12));
|
||||
$('.textnew15').html(langReplace(localLang.salary.textnew15));
|
||||
$('.textnew16').html(langReplace(localLang.salary.textnew16));
|
||||
$('.textnew17').html(langReplace(localLang.salary.textnew17));
|
||||
}
|
||||
});
|
||||
// 获取usd操作的功能标签tab
|
||||
@@ -147,20 +129,6 @@ function getTab() {
|
||||
})
|
||||
$('.agent_pop .wrap').append(agent_popStr);
|
||||
$('.agent_pop .sure').attr('uid', rechargeUserList[0].uid);
|
||||
// 渲染账户列表
|
||||
var accountListStr = '';
|
||||
withdrawRate = res.data.withdrawAccountVo.withdrawRate;
|
||||
$('.selectAccount .selectAccount_in .accountBox .account').remove();
|
||||
res.data.withdrawAccountVo.accountList.forEach(res => {
|
||||
accountListStr += `
|
||||
<div class="account">
|
||||
<img style="display:${res.hasBound ? 'block' : 'none'}" src="./images/not.png" alt="" class="sel" name=${res.name} type=${res.type} obj='${JSON.stringify(res)}'>
|
||||
<b>${res.name}</b><span>${res.hasBound ? '' : '(Unbound)'}</span>
|
||||
<img src="./images/eidIcon.png" alt="" class="eid" type=${res.type}>
|
||||
</div>
|
||||
`
|
||||
})
|
||||
$('.selectAccount .selectAccount_in .accountBox').append(accountListStr);
|
||||
}
|
||||
// 当前可提现余额
|
||||
usGold = res.data.guildUsdNum
|
||||
@@ -178,7 +146,7 @@ function getTab() {
|
||||
tabStr += `<div tabKey=${res.tabKey} class="item ${i == 0 ? 'act' : ''}">${res.tabKey == 'personal' ? langReplace(localLang.salary.text4) : langReplace(localLang.salary.text5)}</div>`
|
||||
})
|
||||
$('.tab').append(tabStr);
|
||||
typeTabType = res.data.typeTab[0].tabKey
|
||||
typeTabType = res.data.typeTab[0].tabKey
|
||||
typeTabFun(typeTabType);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
@@ -207,7 +175,6 @@ function typeTabFun(type) {
|
||||
transfer_dollars_Arr = {};
|
||||
$('.transfer_method li').remove();
|
||||
$('.transfer_dollars li').remove();
|
||||
$('.withdrawalAccount').hide();
|
||||
var str = '';
|
||||
var arr = type == 'personal' ? tabPersonalArr[0] : tabAgentArr[0];
|
||||
// 处理方式
|
||||
@@ -240,16 +207,14 @@ function typeTabFun(type) {
|
||||
</li>
|
||||
`
|
||||
} else if (res.type == 5) {
|
||||
$('.withdrawalAccount').show();
|
||||
str += `
|
||||
<li class="official_withdraw ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
|
||||
<p>
|
||||
<img src="./images/dollar.png" class="dollar" alt="">
|
||||
<e>${langReplace(localLang.salary.text20)}</e>
|
||||
<img class="wenhao" src="./images/wenhao.png" />
|
||||
</p>
|
||||
<div class="pop" style="display:none">
|
||||
${langReplace(localLang.salary.text21)}
|
||||
<div class="pop">
|
||||
${langReplace(localLang.salary.text21)}
|
||||
</div>
|
||||
</li>
|
||||
`
|
||||
@@ -260,7 +225,7 @@ function typeTabFun(type) {
|
||||
<img src="./images/dollar.png" class="dollar" alt="">
|
||||
<e>${langReplace(localLang.salary.text22)}</e>
|
||||
</p>
|
||||
<div class="pop" style="display:none">
|
||||
<div class="pop">
|
||||
${langReplace(localLang.salary.text21)}
|
||||
</div>
|
||||
</li>
|
||||
@@ -284,7 +249,6 @@ function typeTabFun(type) {
|
||||
}
|
||||
// 处理金额
|
||||
function dollarsFun(type) {
|
||||
$('.withdrawalAccount').hide();
|
||||
$('.transfer_dollars li').remove();
|
||||
var str2 = '';
|
||||
if (transfer_dollars_Arr[type].canCustom) {
|
||||
@@ -304,9 +268,6 @@ function dollarsFun(type) {
|
||||
$('.president_pop .btn_wrap .sure').attr('guildusdnum', res.guildUsdNum);
|
||||
$('.agent_pop .btn_wrap .sure').attr('guildusdnum', res.guildUsdNum);
|
||||
}
|
||||
if (res.type == 5) {
|
||||
$('.withdrawalAccount').show();
|
||||
}
|
||||
if (res.type == 2) {
|
||||
str2 += `
|
||||
<li class="${i == 0 ? 'li_act' : ''}" guildusdnum=${res.guildUsdNum}>
|
||||
@@ -389,12 +350,6 @@ $('.transfer_method').on('click', 'li', function () {
|
||||
transfer_dollars_ArrType = type;
|
||||
dollarsFun(transfer_dollars_ArrType);
|
||||
})
|
||||
$('.transfer_method').on('click', 'li .wenhao', function () {
|
||||
$('.pop').show();
|
||||
})
|
||||
$('.transfer_method').on('click', 'li .pop', function () {
|
||||
$('.pop').hide();
|
||||
})
|
||||
// 选择金额方式
|
||||
$('.transfer_dollars').on('click', 'li', function () {
|
||||
$(this).addClass('li_act').siblings().removeClass('li_act');
|
||||
@@ -503,26 +458,6 @@ function operateValue(than) {
|
||||
} else if (type == 4) {
|
||||
$('.president_pop').show();
|
||||
bodyScroolFun(true);
|
||||
} else if (type == 5) {
|
||||
if (accountListName) {
|
||||
$('.pubWithdrawal .pubWithdrawal_in .ok').attr('guildusdnum', guildUsdNum);
|
||||
$('.pubWithdrawal .pubWithdrawal_in .ok').attr('type', type);
|
||||
$('.pubWithdrawal .pubWithdrawal_in .ok').attr('accountType', accountObj.type);
|
||||
if (accountObj.type == 'VODAFONE') {
|
||||
$('.pubWithdrawal .pubWithdrawal_in .box3 .left p').show();
|
||||
$('.pubWithdrawal .pubWithdrawal_in .box3 .left p span').text(accountObj.usdRatio);
|
||||
$('.pubWithdrawal .pubWithdrawal_in .box4 .right').text(`${((than.attr('guildUsdNum')) - (than.attr('guildUsdNum') * withdrawRate)) * 50} ${accountObj.currency}`);
|
||||
} else {
|
||||
$('.pubWithdrawal .pubWithdrawal_in .box3 .left p').hide();
|
||||
$('.pubWithdrawal .pubWithdrawal_in .box4 .right').text(`${((than.attr('guildUsdNum')) - (than.attr('guildUsdNum') * withdrawRate))} ${accountObj.currency}`);
|
||||
}
|
||||
$('.pubWithdrawal .pubWithdrawal_in .box1 .right').text(`${than.attr('guildUsdNum')} USD`);
|
||||
$('.pubWithdrawal .pubWithdrawal_in .box2 .right').text(withdrawRate * 100 + '%');
|
||||
$('.pubWithdrawal .pubWithdrawal_in .box3 .right').text(`${than.attr('guildUsdNum') * withdrawRate} USD`);
|
||||
$('.pubWithdrawal').show();
|
||||
} else {
|
||||
toastMsg(langReplace(localLang.salary.textnew13))
|
||||
}
|
||||
} else {
|
||||
var obj = {
|
||||
guildUsdNum,
|
||||
@@ -532,26 +467,6 @@ function operateValue(than) {
|
||||
operate(obj)
|
||||
}
|
||||
}
|
||||
// 确认提现按钮
|
||||
$('.pubWithdrawal .pubWithdrawal_in .ok').click(function () {
|
||||
var guildUsdNum = $(this).attr('guildUsdNum');
|
||||
var type = $(this).attr('type');
|
||||
var accountType = $(this).attr('accountType');
|
||||
var obj = {
|
||||
guildUsdNum,
|
||||
accountType,
|
||||
type,
|
||||
};
|
||||
if ($(this).attr('accountType') == 'VODAFONE' && $(this).attr('guildUsdNum') > 1000) {
|
||||
toastMsg(langReplace(localLang.salary.textnew14))
|
||||
} else {
|
||||
operate(obj)
|
||||
}
|
||||
})
|
||||
// 取消提现按钮
|
||||
$('.pubWithdrawal .pubWithdrawal_in .close').click(function () {
|
||||
$('.pubWithdrawal').hide();
|
||||
})
|
||||
// 确认提交接口
|
||||
function operate(obj) {
|
||||
showLoading()
|
||||
@@ -563,12 +478,7 @@ function operate(obj) {
|
||||
if (res.code === 200) {
|
||||
getTab();
|
||||
// window.location.href = `./salary_account.html?type=${obj.type}&createTime=${dateFormat(res.data.createTime,'yyyy/MM/dd hh:mm:ss')}&guildUsdNum=${res.data.guildUsdNum}`
|
||||
if (obj.type == 5) {
|
||||
$('.pubWithdrawal').hide();
|
||||
$('.success').show();
|
||||
} else {
|
||||
window.location.href = `./successful.html?type=${obj.type}&data=${JSON.stringify(res.data)}`
|
||||
}
|
||||
window.location.href = `./successful.html?type=${obj.type}&data=${JSON.stringify(res.data)}`
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
@@ -579,34 +489,4 @@ function operate(obj) {
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
}
|
||||
// 打开账户按钮
|
||||
$('.withdrawalAccount').click(function name(params) {
|
||||
$('.selectAccount').show();
|
||||
})
|
||||
// 关闭账户按钮
|
||||
$('.selectAccount').click(function () {
|
||||
$('.selectAccount').hide();
|
||||
})
|
||||
// 选择账户按钮
|
||||
$('.selectAccount .selectAccount_in .accountBox').on('click', ' .account', function () {
|
||||
return false;
|
||||
})
|
||||
// 选择账户按钮
|
||||
$('.selectAccount .selectAccount_in .accountBox').on('click', ' .account .sel', function () {
|
||||
$('.selectAccount .selectAccount_in .accountBox .account .sel').attr("src", './images/not.png');
|
||||
$(this).attr("src", './images/yes.png');
|
||||
accountListName = $(this).attr("name");
|
||||
accountObj = JSON.parse($(this).attr('obj'));
|
||||
$('.withdrawalAccount .right b').text(accountListName);
|
||||
$('.selectAccount').hide();
|
||||
})
|
||||
// 选择账户编辑
|
||||
$('.selectAccount .selectAccount_in .accountBox').on('click', ' .account .eid', function () {
|
||||
var type = $(this).attr('type');
|
||||
location.href = `./${type}.html?type=${type}`
|
||||
})
|
||||
// 关闭成功按钮
|
||||
$('.success .success_in .but').click(function () {
|
||||
$('.success').hide();
|
||||
})
|
||||
}
|
||||
@@ -225,28 +225,11 @@ langAr = {
|
||||
text18: `(نسبة التبادل 1:<b>7000</b>)`,
|
||||
text19: `تبادل العملات`,
|
||||
text20: `السحب الرسمي`,
|
||||
text21: `تفتح قناة السحب في اليومين الأول والثاني من كل شهر.`,
|
||||
text21: `يمكن التسوية في الأول و 16 من كل شهر`,
|
||||
text22: `تسوية الوكيل`,
|
||||
text23: `تسوية وكلاء الشحن`,
|
||||
text24: `يرجى إدخال المبلغ المراد استرداده`,
|
||||
text25: `عملات`,
|
||||
textnew1: `حساب السحب`,
|
||||
textnew2: `غير مرتبط`,
|
||||
textnew3: `اختر الحساب`,
|
||||
textnew4: `سحب`,
|
||||
textnew5: `مبلغ السحب`,
|
||||
textnew6: `معدل رسوم المعالجة`,
|
||||
textnew7: `رسوم المعالجة`,
|
||||
textnew8: `سعر الصرف من الدولار الأمريكي إلى الجنيه المصري: 1:`,
|
||||
textnew9: `المبلغ المقدر`,
|
||||
textnew10: `ملاحظة: قد يتأثر المبلغ المتوقع الوصول بسعر صرف البنك وما إلى ذلك.`,
|
||||
textnew11: `سحب`,
|
||||
textnew12: `إلغاء`,
|
||||
textnew13: `يرجى اختيار حساب السحب`,
|
||||
textnew14: `أكثر من الحد الأقصى للمبلغ القابل للتحويل.`,
|
||||
textnew15: `نجاح`,
|
||||
textnew16: `وقت معالجة طلبات السحب يكون من اليوم الثالث إلى العاشر من كل شهر.`,
|
||||
textnew17: `موافق`,
|
||||
text25: `عملات`
|
||||
},
|
||||
bill: {
|
||||
text1: `الفاتورة`,
|
||||
@@ -258,9 +241,6 @@ langAr = {
|
||||
text7: `تحويل الراتب إلى عملات`,
|
||||
text8: `تحويل الراتب`,
|
||||
text9: `راتب الوكيل`,
|
||||
text10: `قيد المراجعة`,
|
||||
text11: `تم الإصدار`,
|
||||
text12: `مرفوض`,
|
||||
},
|
||||
success: {
|
||||
text1: `التسوية ناجحة`,
|
||||
@@ -279,38 +259,5 @@ langAr = {
|
||||
text14: `حساب التسوية`,
|
||||
text15: `الوقت`,
|
||||
text16: `طلب`
|
||||
},
|
||||
payonner: {
|
||||
text1: `Payonner`,
|
||||
text2: `تأكيد`,
|
||||
text3: `إلغاء الربط`,
|
||||
text4: `البلد`,
|
||||
text5: `موافق`,
|
||||
text6: `نوع العملة:`,
|
||||
text7: `البلد`,
|
||||
text8: `رقم حساب المستلم`,
|
||||
text9: `اسم المستلم`,
|
||||
text10: `لا يمكن ترك الحقول الإلزامية فارغة`,
|
||||
},
|
||||
bank: {
|
||||
text1: `تأكيد`,
|
||||
text2: `إلغاء الربط`,
|
||||
text3: `البلد`,
|
||||
text4: `موافق`,
|
||||
text5: `البلد`,
|
||||
text6: `رقم حساب المستلم`,
|
||||
text7: `اسم البنك`,
|
||||
text8: `رمز SWIFT`,
|
||||
text9: `اسم المستلم`,
|
||||
text10: `العنوان`,
|
||||
},
|
||||
pTitle: {
|
||||
p1: `البلد`,
|
||||
p2: `رقم حساب المستلم`,
|
||||
p3: `اسم البنك (أدخل الإنجليزية فقط)`,
|
||||
p4: `رمز SWIFT (أدخل الإنجليزية فقط)`,
|
||||
p5: `اسم المستلم (أدخل الإنجليزية فقط)`,
|
||||
p6: `العنوان (أدخل الإنجليزية فقط)`,
|
||||
p7: `حساب المستلم (صيغة البريد الإلكتروني)`,
|
||||
}
|
||||
}
|
||||
@@ -222,29 +222,12 @@ langEn = {
|
||||
text17: `Can be exchanged for <b>0</b> gold coin`,
|
||||
text18: `(Exchange at a ratio of 1:<b>7000</b>)`,
|
||||
text19: `Exchange coins`,
|
||||
text20: `Withdraw`,
|
||||
text21: `The withdrawal channel opens on the 1st and 2nd of every month.`,
|
||||
text20: `Official withdraw`,
|
||||
text21: `Settlement available on the 1st and 16th of each month`,
|
||||
text22: `Agent settlement`,
|
||||
text23: `Recharge agent settlement`,
|
||||
text24: `Please enter the amount to be redeemed`,
|
||||
text25: `Coins`,
|
||||
textnew1: `Withdrawal account`,
|
||||
textnew2: `Unbound`,
|
||||
textnew3: `Select Account`,
|
||||
textnew4: `Withdrawal`,
|
||||
textnew5: `Withdrawal amount `,
|
||||
textnew6: `Handling Fee rate`,
|
||||
textnew7: `Handling Fee`,
|
||||
textnew8: `USD to EGP exchange rate: 1:`,
|
||||
textnew9: `Estimated amount`,
|
||||
textnew10: `Note: Estimated arrival amount may be affected by bank exchange rate, etc.`,
|
||||
textnew11: `Withdraw`,
|
||||
textnew12: `Cancel`,
|
||||
textnew13: `Please select a withdrawal account`,
|
||||
textnew14: `More than the maximum transferable amount.`,
|
||||
textnew15: `Success`,
|
||||
textnew16: `The processing time for withdrawal requests is from the 3rd to the 10th of every month.`,
|
||||
textnew17: `OK`,
|
||||
},
|
||||
bill: {
|
||||
text1: `Bill`,
|
||||
@@ -256,10 +239,6 @@ langEn = {
|
||||
text7: `Salary exchange for coins`,
|
||||
text8: `Salary transfer`,
|
||||
text9: `Agent salary`,
|
||||
text10: `In Review `,
|
||||
text11: `Issued`,
|
||||
text12: `Rejected`,
|
||||
text13: ``,
|
||||
},
|
||||
success: {
|
||||
text1: `Settlement successful`,
|
||||
@@ -279,37 +258,4 @@ langEn = {
|
||||
text15: `Time`,
|
||||
text16: `Order`,
|
||||
},
|
||||
payonner: {
|
||||
text1: `Payonner `,
|
||||
text2: `Confirm`,
|
||||
text3: `Unbind `,
|
||||
text4: `Country`,
|
||||
text5: `OK`,
|
||||
text6: `Currency Type:`,
|
||||
text7: `Country`,
|
||||
text8: `payeeAccountNo`,
|
||||
text9: `payeeName`,
|
||||
text10: `Mandatory fields cannot be blank`,
|
||||
},
|
||||
bank: {
|
||||
text1: `Confirm`,
|
||||
text2: `Unbind `,
|
||||
text3: `Country`,
|
||||
text4: `OK`,
|
||||
text5: `Country`,
|
||||
text6: `payeeAccountNo`,
|
||||
text7: `Bank Name`,
|
||||
text8: `SWIFT Code`,
|
||||
text9: `payeeName`,
|
||||
text10: `Address`,
|
||||
},
|
||||
pTitle: {
|
||||
p1: `Country`,
|
||||
p2: `payeeAccountNo`,
|
||||
p3: `Bank Name(Only Enter English)`,
|
||||
p4: `SWIFT Code(Only Enter English)`,
|
||||
p5: `payeeName(Only Enter English)`,
|
||||
p6: `Address(Only Enter English)`,
|
||||
p7: `payeeAccount(E-mail fomat)`,
|
||||
}
|
||||
}
|
||||
|
||||
@@ -226,28 +226,11 @@ langZh = {
|
||||
text18: `(兌換比例為 1:<b>7000</b>)`,
|
||||
text19: `兌換硬幣`,
|
||||
text20: `官方提現`,
|
||||
text21: `提款通道每月1日和2日開放。`,
|
||||
text21: `每月的 1 日和 16 日可結算`,
|
||||
text22: `代理結算`,
|
||||
text23: `充值代理結算`,
|
||||
text24: `請輸入要贖回的金額`,
|
||||
text25: `金幣`,
|
||||
textnew1: `提款賬戶`,
|
||||
textnew2: `未綁定`,
|
||||
textnew3: `選擇賬戶`,
|
||||
textnew4: `提款`,
|
||||
textnew5: `提款金額`,
|
||||
textnew6: `手續費率`,
|
||||
textnew7: `手續費`,
|
||||
textnew8: `美元兌埃及鎊匯率：1：`,
|
||||
textnew9: `預估金額`,
|
||||
textnew10: `注意：預估到賬金額可能會受銀行匯率等影響。`,
|
||||
textnew11: `提款`,
|
||||
textnew12: `取消`,
|
||||
textnew13: `請選擇提款賬戶`,
|
||||
textnew14: `超過最大可轉賬金額。`,
|
||||
textnew15: `成功`,
|
||||
textnew16: `提款申請的處理時間為每月3日至10日。`,
|
||||
textnew17: `確定`,
|
||||
text25: `金幣`
|
||||
},
|
||||
bill: {
|
||||
text1: `賬單`,
|
||||
@@ -259,9 +242,6 @@ langZh = {
|
||||
text7: `薪資兌換為硬幣`,
|
||||
text8: `薪資轉賬`,
|
||||
text9: `代理薪資`,
|
||||
text10: `審核中`,
|
||||
text11: `已發放`,
|
||||
text12: `已拒絕`,
|
||||
},
|
||||
success: {
|
||||
text1: `結算成功`,
|
||||
@@ -281,37 +261,4 @@ langZh = {
|
||||
text15: `時間`,
|
||||
text16: `訂單`
|
||||
},
|
||||
payonner: {
|
||||
text1: `Payonner`,
|
||||
text2: `確認`,
|
||||
text3: `解绑`,
|
||||
text4: `國家`,
|
||||
text5: `確定`,
|
||||
text6: `貨幣類型：`,
|
||||
text7: `國家`,
|
||||
text8: `收款人賬號`,
|
||||
text9: `收款人姓名`,
|
||||
text10: `必填字段不能為空`,
|
||||
},
|
||||
bank: {
|
||||
text1: `確認`,
|
||||
text2: `解绑`,
|
||||
text3: `國家`,
|
||||
text4: `確定`,
|
||||
text5: `國家`,
|
||||
text6: `收款人賬號`,
|
||||
text7: `銀行名稱`,
|
||||
text8: `SWIFT 代碼`,
|
||||
text9: `收款人姓名`,
|
||||
text10: `地址`,
|
||||
},
|
||||
pTitle: {
|
||||
p1: `國家`,
|
||||
p2: `收款人賬號`,
|
||||
p3: `銀行名稱(僅輸入英文)`,
|
||||
p4: `SWIFT 代碼(僅輸入英文)`,
|
||||
p5: `收款人姓名(僅輸入英文)`,
|
||||
p6: `地址(僅輸入英文)`,
|
||||
p7: `收款人賬號（電子郵件格式）`,
|
||||
}
|
||||
}
|
||||
@@ -70,12 +70,6 @@
|
||||
</div>
|
||||
</li> -->
|
||||
</ul>
|
||||
<!-- 绑定账户 -->
|
||||
<div class="withdrawalAccount">
|
||||
<div class="left"><b>*</b><span class="textnew1"></span></div>
|
||||
<!-- textnew2 -->
|
||||
<div class="right"><b class=""> </b><img src="./images/right.png" alt=""></div>
|
||||
</div>
|
||||
<!-- 转增金额 -->
|
||||
<div class="transfer_dollars_tit">
|
||||
<div class="title text7"></div>
|
||||
@@ -163,58 +157,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 选择账户弹窗 -->
|
||||
<div class="selectAccount">
|
||||
<div class="selectAccount_in">
|
||||
<div class="title textnew3"></div>
|
||||
<div class="accountBox">
|
||||
<!-- <div class="account">
|
||||
<img src="./images/not.png" alt="" class="sel">
|
||||
<b>Vodafone</b><span>(Unbound)</span>
|
||||
<img src="./images/eidIcon.png" alt="" class="eid">
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 确认提现账户弹窗 -->
|
||||
<div class="pubWithdrawal">
|
||||
<div class="pubWithdrawal_in">
|
||||
<div class="title textnew4"></div>
|
||||
<div class="boxw box1">
|
||||
<div class="left textnew5"></div>
|
||||
<div class="right">0USD</div>
|
||||
</div>
|
||||
<div class="boxw box2">
|
||||
<div class="left textnew6"></div>
|
||||
<div class="right">6%</div>
|
||||
</div>
|
||||
<div class="boxw box3">
|
||||
<div class="left">
|
||||
<b class="textnew7"></b>
|
||||
<p><strong class="textnew8"></strong><span>50</span></p>
|
||||
</div>
|
||||
<div class="right">0USD</div>
|
||||
</div>
|
||||
<div class="boxw box4">
|
||||
<div class="left textnew9"></div>
|
||||
<div class="right">0USD</div>
|
||||
</div>
|
||||
<div class="text textnew10"></div>
|
||||
<div class="ok textnew11"></div>
|
||||
<div class="close textnew12 "></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 提现账户成功弹窗 -->
|
||||
<div class="success">
|
||||
<div class="success_in">
|
||||
<div class="title textnew15">Success</div>
|
||||
<p class="textnew16">The processing time for withdrawal requests is from the 3rd to the 10th of every month.</p>
|
||||
<div class="but textnew17">OK</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
|
||||
@@ -4,7 +4,7 @@ body {
|
||||
height: 17.78667rem;
|
||||
background: #F5F7F9;
|
||||
box-sizing: border-box;
|
||||
padding: 2.13333rem 0rem 0 0;
|
||||
padding: 1.73333rem 0rem 0 0;
|
||||
}
|
||||
|
||||
.back {
|
||||
|
||||
@@ -8,7 +8,7 @@ body {
|
||||
height: px2rem(1334);
|
||||
background: #F5F7F9;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(160) px2rem(0) 0 0;
|
||||
padding: px2rem(130) px2rem(0) 0 0;
|
||||
}
|
||||
|
||||
.back {
|
||||
|
||||
@@ -1,338 +0,0 @@
|
||||
body {
|
||||
width: 100%;
|
||||
height: 17.78667rem;
|
||||
background: #fff;
|
||||
padding-top: 2.56rem;
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: 2.34667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.back img {
|
||||
width: 0.58667rem;
|
||||
height: 0.58667rem;
|
||||
position: absolute;
|
||||
top: 1.33333rem;
|
||||
left: 0.42667rem;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.back b {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 1.33333rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.income {
|
||||
width: 9.14667rem;
|
||||
height: 3.01333rem;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.21333rem;
|
||||
margin: 0 auto 0.37333rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0.32rem 0.32rem;
|
||||
}
|
||||
|
||||
.income .time {
|
||||
width: 100%;
|
||||
height: 0.48rem;
|
||||
margin-bottom: 0.24rem;
|
||||
}
|
||||
|
||||
.income .time b {
|
||||
display: inline-block;
|
||||
color: #04D5C6;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.income .time img {
|
||||
display: inline-block;
|
||||
width: 0.48rem;
|
||||
height: 0.48rem;
|
||||
margin: 0 0.10667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.income h3 {
|
||||
width: 100%;
|
||||
height: 0.53333rem;
|
||||
line-height: 0.53333rem;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
margin-bottom: 0.29333rem;
|
||||
}
|
||||
|
||||
.income .gold {
|
||||
width: 100%;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
}
|
||||
|
||||
.income .gold img {
|
||||
display: inline-block;
|
||||
width: 0.74667rem;
|
||||
height: 0.74667rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.income .gold b {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #313131;
|
||||
font-size: 0.64rem;
|
||||
font-weight: 600;
|
||||
margin: 0 0.10667rem;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 9.14667rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.58667rem;
|
||||
margin: 0 auto 0.26667rem;
|
||||
}
|
||||
|
||||
.tab div {
|
||||
margin-right: 0.82667rem;
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.tab .act {
|
||||
color: #04D5C6;
|
||||
}
|
||||
|
||||
.titleInfo {
|
||||
width: 9.14667rem;
|
||||
height: 1.01333rem;
|
||||
line-height: 1.01333rem;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
background: #E4F6F1;
|
||||
padding: 0 0.69333rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.titleInfo div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.titleInfoAct {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.userInfo {
|
||||
width: 9.14667rem;
|
||||
margin: 0 auto 1.6rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.userInfo li {
|
||||
width: 100%;
|
||||
height: 1.6rem;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.61333rem 0 0.32rem;
|
||||
}
|
||||
|
||||
.userInfo li .tx {
|
||||
width: 1.09333rem;
|
||||
height: 1.09333rem;
|
||||
position: relative;
|
||||
margin-top: 0.24rem;
|
||||
float: left;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
.userInfo li .tx img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.userInfo li .tx span {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 0.77333rem;
|
||||
min-width: 0.61333rem;
|
||||
height: 0.37333rem;
|
||||
line-height: 0.37333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
font-weight: 500;
|
||||
background: #04D5C6;
|
||||
border-radius: 0.37333rem;
|
||||
}
|
||||
|
||||
.userInfo li .user {
|
||||
float: left;
|
||||
width: 1.86667rem;
|
||||
height: 1.09333rem;
|
||||
margin-top: 0.24rem;
|
||||
margin-right: 0.24rem;
|
||||
}
|
||||
|
||||
.userInfo li .user p {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
margin-top: 0.12rem;
|
||||
margin-bottom: 0.2rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.userInfo li .user b {
|
||||
color: #7B7B7D;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.userInfo li .incomes {
|
||||
width: 2.42667rem;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
margin-top: 0.66667rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.userInfo li .duration {
|
||||
width: 1.73333rem;
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
margin-top: 0.66667rem;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.userInfo .act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
|
||||
.dayDate {
|
||||
width: 9.14667rem;
|
||||
height: 1.01333rem;
|
||||
line-height: 1.01333rem;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.dayDate li {
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.69333rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.dayDate li div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
|
||||
.dayDate .act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
|
||||
.cycle {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
background: rgba(0, 0, 0, 0.5);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cycle .cycle_in {
|
||||
width: 100%;
|
||||
height: 7.01333rem;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
border-radius: 0.42667rem 0.42667rem 0 0;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 0.53333rem;
|
||||
height: 5.5rem;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul li {
|
||||
height: 0.8rem;
|
||||
line-height: 0.8rem;
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
font-size: 0.37333rem;
|
||||
}
|
||||
|
||||
.cycle .cycle_in ul .act {
|
||||
background: #F4F4F4;
|
||||
color: #313131;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .tx {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.10667rem;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .user {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.24rem;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .incomes {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .userInfo li .duration {
|
||||
float: left;
|
||||
}
|
||||
@@ -1,347 +0,0 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
height: px2rem(1334);
|
||||
background: #fff;
|
||||
padding-top: px2rem(192);
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 100%;
|
||||
height: px2rem(176);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(0);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
background: #fff;
|
||||
|
||||
img {
|
||||
width: px2rem(44);
|
||||
height: px2rem(44);
|
||||
position: absolute;
|
||||
top: px2rem(100);
|
||||
left: px2rem(32);
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
b {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: px2rem(100);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
color: #313131;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.income {
|
||||
width: px2rem(686);
|
||||
height: px2rem(226);
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(16);
|
||||
margin: 0 auto px2rem(28);
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(24) px2rem(24);
|
||||
|
||||
.time {
|
||||
width: 100%;
|
||||
height: px2rem(36);
|
||||
margin-bottom: px2rem(18);
|
||||
|
||||
b {
|
||||
display: inline-block;
|
||||
color: #04D5C6;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(36);
|
||||
height: px2rem(36);
|
||||
margin: 0 px2rem(8);
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
height: px2rem(40);
|
||||
line-height: px2rem(40);
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
margin-bottom: px2rem(22);
|
||||
}
|
||||
|
||||
.gold {
|
||||
width: 100%;
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(56);
|
||||
height: px2rem(56);
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
b {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #313131;
|
||||
font-size: px2rem(48);
|
||||
font-weight: 600;
|
||||
margin: 0 px2rem(8);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: px2rem(686);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(44);
|
||||
margin: 0 auto px2rem(20);
|
||||
|
||||
div {
|
||||
margin-right: px2rem(62);
|
||||
float: left;
|
||||
color: #313131;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.act {
|
||||
color: #04D5C6;
|
||||
}
|
||||
}
|
||||
|
||||
.titleInfo {
|
||||
width: px2rem(686);
|
||||
height: px2rem(76);
|
||||
line-height: px2rem(76);
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0 auto 0;
|
||||
background: #E4F6F1;
|
||||
padding: 0 px2rem(52);
|
||||
box-sizing: border-box;
|
||||
|
||||
div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
.titleInfoAct{
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.userInfo {
|
||||
width: px2rem(686);
|
||||
margin: 0 auto px2rem(120);
|
||||
display: none;
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(120);
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(46) 0 px2rem(24);
|
||||
|
||||
.tx {
|
||||
width: px2rem(82);
|
||||
height: px2rem(82);
|
||||
position: relative;
|
||||
margin-top: px2rem(18);
|
||||
float: left;
|
||||
margin-right: px2rem(8);
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
span {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(58);
|
||||
min-width: px2rem(46);
|
||||
height: px2rem(28);
|
||||
line-height: px2rem(28);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
font-weight: 500;
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(28);
|
||||
}
|
||||
}
|
||||
|
||||
.user {
|
||||
float: left;
|
||||
width: px2rem(140);
|
||||
height: px2rem(82);
|
||||
margin-top: px2rem(18);
|
||||
margin-right: px2rem(18);
|
||||
|
||||
p {
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
margin-top: px2rem(9);
|
||||
margin-bottom: px2rem(15);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
}
|
||||
|
||||
b {
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
.incomes {
|
||||
width: px2rem(182);
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
margin-top: px2rem(50);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.duration {
|
||||
width: px2rem(130);
|
||||
text-align: center;
|
||||
height: 100%;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
margin-top: px2rem(50);
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
}
|
||||
|
||||
.dayDate {
|
||||
width: px2rem(686);
|
||||
height: px2rem(76);
|
||||
line-height: px2rem(76);
|
||||
margin: 0 auto 0;
|
||||
// display: none;
|
||||
|
||||
li {
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 px2rem(52);
|
||||
box-sizing: border-box;
|
||||
|
||||
div {
|
||||
text-align: center;
|
||||
width: 33%;
|
||||
}
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #F2F3F7;
|
||||
}
|
||||
}
|
||||
|
||||
.cycle {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 999;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
display: none;
|
||||
|
||||
.cycle_in {
|
||||
width: 100%;
|
||||
height: px2rem(526);
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
border-radius: px2rem(32) px2rem(32) 0 0;
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: px2rem(40);
|
||||
height: 5.5rem;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
height: px2rem(60);
|
||||
line-height: px2rem(60);
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
font-size: px2rem(28);
|
||||
}
|
||||
|
||||
.act {
|
||||
background: #F4F4F4;
|
||||
color: #313131;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.userInfo li {
|
||||
.tx {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.10667rem;
|
||||
}
|
||||
|
||||
.user {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 0.24rem;
|
||||
}
|
||||
|
||||
.incomes {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.duration {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,7 +1,8 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
height: 17.78667rem;
|
||||
background: #e4e4e7;
|
||||
}
|
||||
|
||||
.back {
|
||||
@@ -10,7 +11,7 @@ body {
|
||||
line-height: 0.58667rem;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 1.46667rem;
|
||||
top: 0.93333rem;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: 0.50667rem;
|
||||
@@ -36,21 +37,21 @@ body {
|
||||
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 5.86667rem;
|
||||
height: 8.98667rem;
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: cover;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0rem;
|
||||
}
|
||||
|
||||
.header .tx {
|
||||
width: 2.05333rem;
|
||||
height: 2.05333rem;
|
||||
width: 2.64rem;
|
||||
height: 2.53333rem;
|
||||
position: absolute;
|
||||
left: 0.45333rem;
|
||||
top: 2.88rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 1.85333rem;
|
||||
border-radius: 50%;
|
||||
border: 0.02667rem solid #FFE8A9;
|
||||
}
|
||||
|
||||
.header .ts {
|
||||
@@ -61,33 +62,36 @@ body {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header .nick {
|
||||
width: 55%;
|
||||
width: 80%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.53333rem;
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: 3.22667rem;
|
||||
left: 2.93333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 4.85333rem;
|
||||
}
|
||||
|
||||
.header .id {
|
||||
width: 55%;
|
||||
width: 80%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: 4.10667rem;
|
||||
left: 2.93333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5.64rem;
|
||||
}
|
||||
|
||||
.header .guildNick {
|
||||
@@ -102,197 +106,50 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header .inveMember {
|
||||
min-width: 1.57333rem;
|
||||
height: 0.72rem;
|
||||
border-radius: 0.72rem;
|
||||
line-height: 0.72rem;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #7CDD9B, #62D0A8);
|
||||
color: #fff;
|
||||
font-size: 0.37333rem;
|
||||
position: absolute;
|
||||
top: 3.54667rem;
|
||||
right: 0.42667rem;
|
||||
z-index: 5;
|
||||
padding: 0 0.13333rem;
|
||||
}
|
||||
|
||||
.header .inveMember img {
|
||||
display: inline-block;
|
||||
width: 0.50667rem;
|
||||
height: 0.56rem;
|
||||
vertical-align: middle;
|
||||
margin-top: -0.1rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header .inveMember span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.headerBox {
|
||||
width: 10rem;
|
||||
border-radius: 0.26667rem;
|
||||
margin: -0.4rem auto 0rem;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in {
|
||||
width: 9.14667rem;
|
||||
max-height: 3.06667rem;
|
||||
.header .headerBox {
|
||||
width: 8.86667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
margin: 0.32rem auto 0;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in div {
|
||||
width: 4.45333rem;
|
||||
height: 1.38667rem;
|
||||
line-height: 1.38667rem;
|
||||
margin-bottom: 0.24rem;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.32rem;
|
||||
text-align: left;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.13333rem;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in div img {
|
||||
display: inline-block;
|
||||
width: 0.69333rem;
|
||||
height: 0.69333rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in div span {
|
||||
display: inline-block;
|
||||
color: #313131;
|
||||
font-size: 0.4rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in .incomeStatistics {
|
||||
background: #E3F2FF;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in .E3F2FF {
|
||||
background: #E3F2FF;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in .FFEFE5 {
|
||||
background: #FFEFE5;
|
||||
}
|
||||
|
||||
.agencylevel {
|
||||
width: 10rem;
|
||||
height: 3.62667rem;
|
||||
margin: 0.34667rem auto 0;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.agencylevel .top {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.33333rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
margin-top: 0.41333rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.agencylevel .top span {
|
||||
float: left;
|
||||
width: 0.10667rem;
|
||||
height: 0.45333rem;
|
||||
background: #04D5C6;
|
||||
border-radius: 9.22667rem;
|
||||
margin: 0.10667rem 0.13333rem 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.agencylevel .top b {
|
||||
float: left;
|
||||
font-size: 0.48rem;
|
||||
color: #313131;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-right: 0.09333rem;
|
||||
}
|
||||
|
||||
.agencylevel .top i {
|
||||
display: block;
|
||||
font-size: 0.48rem;
|
||||
color: #313131;
|
||||
float: left;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo {
|
||||
width: 9.14667rem;
|
||||
height: 2.69333rem;
|
||||
background: #EBFFF6;
|
||||
border-radius: 0.21333rem;
|
||||
margin: 0.26667rem auto 0;
|
||||
box-sizing: border-box;
|
||||
padding: 0.24rem;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo h3 {
|
||||
width: 100%;
|
||||
display: block;
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
margin-bottom: 0.26667rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo h3 b {
|
||||
color: #313131;
|
||||
font-size: 0.34667rem;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo h4 {
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0.26667rem;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo .line {
|
||||
width: 8.66667rem;
|
||||
height: 0.13333rem;
|
||||
position: relative;
|
||||
background: #B2E8D0;
|
||||
border-radius: 0.13333rem;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0.26667rem;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo .line .line_in {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 10%;
|
||||
background: #04D5C6;
|
||||
height: 100%;
|
||||
top: 6.37333rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo .bottom {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #7B7B7D;
|
||||
font-size: 0.32rem;
|
||||
font-weight: 400;
|
||||
.header .headerBox div {
|
||||
width: 3.62667rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
color: #fff;
|
||||
font-size: 0.34667rem;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, rgba(128, 146, 255, 0.8) 0%, rgba(108, 208, 255, 0.8) 100%);
|
||||
border-radius: 0.18667rem;
|
||||
margin-bottom: 0.33333rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
margin: 0 auto 0.33333rem;
|
||||
}
|
||||
|
||||
.header .headerBox div img {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
margin-right: 0.17333rem;
|
||||
float: left;
|
||||
margin-top: 0.16rem;
|
||||
margin-left: 0.38667rem;
|
||||
}
|
||||
|
||||
.header .headerBox div span {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.guildList {
|
||||
width: 10rem;
|
||||
width: 9.25333rem;
|
||||
height: 11rem;
|
||||
border-radius: 0.26667rem;
|
||||
margin: 0rem auto 0;
|
||||
margin: -0.3rem auto 0rem;
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
@@ -302,26 +159,16 @@ body {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.33333rem;
|
||||
height: 0.66667rem;
|
||||
line-height: 0.66667rem;
|
||||
height: 0.4rem;
|
||||
line-height: 0.4rem;
|
||||
margin-top: 0.41333rem;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.guildList .top span {
|
||||
float: left;
|
||||
width: 0.10667rem;
|
||||
height: 0.45333rem;
|
||||
background: #04D5C6;
|
||||
border-radius: 9.22667rem;
|
||||
margin: 0.10667rem 0.13333rem 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.guildList .top b {
|
||||
float: left;
|
||||
font-size: 0.48rem;
|
||||
color: #313131;
|
||||
font-size: 0.32rem;
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-right: 0.09333rem;
|
||||
@@ -329,8 +176,8 @@ body {
|
||||
|
||||
.guildList .top i {
|
||||
display: block;
|
||||
font-size: 0.48rem;
|
||||
color: #313131;
|
||||
color: #666;
|
||||
font-size: 0.29333rem;
|
||||
float: left;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -341,7 +188,7 @@ body {
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
position: absolute;
|
||||
left: 6.45rem;
|
||||
left: 3.68rem;
|
||||
top: 51%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 2;
|
||||
@@ -352,14 +199,17 @@ body {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #F5F7F9;
|
||||
width: 3.46667rem;
|
||||
width: 5.4rem;
|
||||
height: 0.66667rem;
|
||||
border-radius: 0.66667rem;
|
||||
box-sizing: border-box;
|
||||
padding-left: 0.72rem;
|
||||
position: absolute;
|
||||
left: 3.49333rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
color: #333;
|
||||
display: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.guildList .top input::placeholder {
|
||||
@@ -369,8 +219,8 @@ body {
|
||||
|
||||
.guildList ul {
|
||||
width: 100%;
|
||||
height: 10.7rem;
|
||||
margin: 0.25333rem auto 0;
|
||||
height: 11rem;
|
||||
margin: 0.52rem auto 0;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
@@ -379,27 +229,24 @@ body {
|
||||
}
|
||||
|
||||
.guildList ul li {
|
||||
width: 9.14667rem;
|
||||
height: 1.94667rem;
|
||||
width: 100%;
|
||||
height: 1.33333rem;
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto 0.44rem;
|
||||
margin-bottom: 0.44rem;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
padding-left: 0.13333rem;
|
||||
background: #F2F3F7;
|
||||
border-radius: 0.32rem;
|
||||
}
|
||||
|
||||
.guildList ul li .tx {
|
||||
width: 1.46667rem;
|
||||
height: 1.46667rem;
|
||||
border-radius: 50%;
|
||||
width: 1.06667rem;
|
||||
height: 1.06667rem;
|
||||
border-radius: 1.06667rem;
|
||||
float: left;
|
||||
margin-right: 0.14667rem;
|
||||
margin-left: 0.13333rem;
|
||||
display: block;
|
||||
margin-top: 0.24rem;
|
||||
}
|
||||
|
||||
.guildList ul li .user {
|
||||
@@ -413,13 +260,13 @@ body {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 0.10667rem;
|
||||
margin-bottom: 0.06667rem;
|
||||
max-width: 2.7rem;
|
||||
margin-bottom: 0.18667rem;
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.6rem;
|
||||
padding-top: 0.10667rem;
|
||||
}
|
||||
|
||||
.guildList ul li .user b {
|
||||
@@ -432,7 +279,7 @@ body {
|
||||
width: 0.24rem;
|
||||
height: 0.24rem;
|
||||
display: inline-block;
|
||||
margin-top: 0.6rem;
|
||||
margin-top: 0.16rem;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
@@ -441,17 +288,16 @@ body {
|
||||
display: inline-block;
|
||||
width: 0.96rem;
|
||||
height: 0.48rem;
|
||||
margin-top: 0.49333rem;
|
||||
}
|
||||
|
||||
.guildList ul li .but {
|
||||
width: 1.17333rem;
|
||||
height: 0.56rem;
|
||||
background: #CDCED6;
|
||||
background: #62D0A8;
|
||||
border-radius: 0.56rem;
|
||||
position: absolute;
|
||||
right: 0.34667rem;
|
||||
top: 0.69rem;
|
||||
top: 0.09333rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: 0.56rem;
|
||||
@@ -460,33 +306,33 @@ body {
|
||||
}
|
||||
|
||||
.guildList ul li .chairman {
|
||||
width: 1.2rem;
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
border-radius: 0.45333rem;
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.37333rem;
|
||||
top: 1.30667rem;
|
||||
background: #04D5C6;
|
||||
left: 0.26667rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.guildList ul li .administrator {
|
||||
width: 1.2rem;
|
||||
height: 0.45333rem;
|
||||
line-height: 0.45333rem;
|
||||
border-radius: 0.45333rem;
|
||||
width: 1.04rem;
|
||||
height: 0.34667rem;
|
||||
line-height: 0.34667rem;
|
||||
border-radius: 0.34667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
color: #333;
|
||||
font-size: 0.29333rem;
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: 0.37333rem;
|
||||
top: 1.30667rem;
|
||||
left: 0.26667rem;
|
||||
top: 0.94667rem;
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
display: none;
|
||||
}
|
||||
@@ -548,25 +394,33 @@ body {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.arabic .back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
.inveMember {
|
||||
width: 4.08rem;
|
||||
height: 1.28rem;
|
||||
border-radius: 1.28rem;
|
||||
line-height: 1.22667rem;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #7CDD9B, #62D0A8);
|
||||
color: #fff;
|
||||
font-size: 0.45333rem;
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
bottom: 1.06667rem;
|
||||
}
|
||||
|
||||
.arabic .header .tx {
|
||||
left: auto;
|
||||
right: 0.45333rem;
|
||||
.inveMember img {
|
||||
display: inline-block;
|
||||
width: 0.50667rem;
|
||||
height: 0.56rem;
|
||||
vertical-align: middle;
|
||||
margin-top: -0.1rem;
|
||||
}
|
||||
|
||||
.arabic .header .nick {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
}
|
||||
|
||||
.arabic .header .id {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
.inveMember span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.arabic .guildList .top img {
|
||||
@@ -584,7 +438,7 @@ body {
|
||||
|
||||
.arabic .guildList ul li .chairman,
|
||||
.arabic .guildList ul li .administrator {
|
||||
right: 0.37333rem;
|
||||
right: 0.1rem;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
@@ -605,10 +459,6 @@ body {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .headerBox .headerBox_in div span {
|
||||
font-size: 0.33333rem;
|
||||
}
|
||||
|
||||
.english .header .headerBox {
|
||||
width: 8rem;
|
||||
}
|
||||
@@ -621,15 +471,6 @@ body {
|
||||
font-size: 0.21333rem;
|
||||
}
|
||||
|
||||
.arabic .header .inveMember {
|
||||
right: auto;
|
||||
left: 0.42667rem;
|
||||
}
|
||||
|
||||
.arabic .headerBox .headerBox_in div {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.arabic .header .headerBox {
|
||||
width: 8rem;
|
||||
}
|
||||
@@ -641,32 +482,3 @@ body {
|
||||
.arabic .header .headerBox div span {
|
||||
font-size: 0.29333rem;
|
||||
}
|
||||
|
||||
.arabic .guildList .top b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .guildList .top i {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.arabic .guildList .top input {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.arabic .guildList .top img {
|
||||
right: 6.3rem;
|
||||
left: auto;
|
||||
transform: rotate(100deg);
|
||||
top: 0.1rem;
|
||||
}
|
||||
|
||||
.arabic .guildList .top span {
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.arabic .agencylevel .agencylevelInfo .line .line_in {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
@@ -5,8 +5,8 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
// height: px2rem(1334);
|
||||
background: #fff;
|
||||
height: px2rem(1334);
|
||||
background: #e4e4e7;
|
||||
}
|
||||
|
||||
.back {
|
||||
@@ -15,7 +15,7 @@ body {
|
||||
line-height: px2rem(44);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: px2rem(110);
|
||||
top: px2rem(70);
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
font-size: px2rem(38);
|
||||
@@ -42,20 +42,20 @@ body {
|
||||
|
||||
.header {
|
||||
width: px2rem(750);
|
||||
height: px2rem(440);
|
||||
height: px2rem(674);
|
||||
background: url(../images/header.png) no-repeat;
|
||||
background-size: cover;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto px2rem(0);
|
||||
|
||||
.tx {
|
||||
width: px2rem(154);
|
||||
height: px2rem(154);
|
||||
width: px2rem(198);
|
||||
height: px2rem(190);
|
||||
position: absolute;
|
||||
left: px2rem(34);
|
||||
top: px2rem(216);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(139);
|
||||
border-radius: 50%;
|
||||
border: px2rem(2) solid #FFE8A9;
|
||||
}
|
||||
|
||||
.ts {
|
||||
@@ -66,35 +66,117 @@ body {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nick {
|
||||
width: 55%;
|
||||
width: 80%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(40);
|
||||
font-weight: bold;
|
||||
position: absolute;
|
||||
top: px2rem(242);
|
||||
left: px2rem(220);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(364);
|
||||
}
|
||||
|
||||
.id {
|
||||
width: 55%;
|
||||
width: 80%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 500;
|
||||
position: absolute;
|
||||
top: px2rem(308);
|
||||
left: px2rem(220);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: px2rem(423);
|
||||
}
|
||||
|
||||
// .adminSet {
|
||||
// padding: px2rem(0) px2rem(16);
|
||||
// box-sizing: border-box;
|
||||
// height: px2rem(44);
|
||||
// line-height: px2rem(44);
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(82, 59, 85, 0.98), rgba(21, 5, 16, 0.98));
|
||||
// border-radius: px2rem(44) 0px 0px px2rem(44);
|
||||
// position: absolute;
|
||||
// right: 0;
|
||||
// top: px2rem(184);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .guildInfoSet {
|
||||
// padding: px2rem(0) px2rem(16);
|
||||
// box-sizing: border-box;
|
||||
// height: px2rem(44);
|
||||
// line-height: px2rem(44);
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(82, 59, 85, 0.7), rgba(21, 5, 16, 0.7));
|
||||
// border-radius: px2rem(44) 0px 0px px2rem(44);
|
||||
// position: absolute;
|
||||
// right: 0;
|
||||
// top: px2rem(239);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .memberFlow {
|
||||
// width: px2rem(208);
|
||||
// height: px2rem(56);
|
||||
// line-height: px2rem(56);
|
||||
// text-align: center;
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
|
||||
// border-radius: px2rem(14);
|
||||
// position: absolute;
|
||||
// left: px2rem(156);
|
||||
// top: px2rem(466);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .memberFlowMy {
|
||||
// width: px2rem(208);
|
||||
// height: px2rem(56);
|
||||
// line-height: px2rem(56);
|
||||
// text-align: center;
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
|
||||
// border-radius: px2rem(14) 0 0 px2rem(14);
|
||||
// position: absolute;
|
||||
// right: px2rem(0);
|
||||
// top: px2rem(218);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
// .inveMember {
|
||||
// width: px2rem(208);
|
||||
// height: px2rem(56);
|
||||
// line-height: px2rem(56);
|
||||
// text-align: center;
|
||||
// color: #fff;
|
||||
// font-size: px2rem(32);
|
||||
// font-weight: 400;
|
||||
// background: linear-gradient(90deg, rgba(128, 146, 255, .6) 0%, rgba(108, 208, 255, .6) 100%);
|
||||
// border-radius: px2rem(14);
|
||||
// position: absolute;
|
||||
// right: px2rem(156);
|
||||
// top: px2rem(466);
|
||||
// display: none;
|
||||
// }
|
||||
|
||||
.guildNick {
|
||||
width: 100%;
|
||||
@@ -108,200 +190,52 @@ body {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.inveMember {
|
||||
min-width: px2rem(118);
|
||||
height: px2rem(54);
|
||||
border-radius: px2rem(54);
|
||||
line-height: px2rem(54) ;
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #7CDD9B, #62D0A8);
|
||||
color: #fff;
|
||||
font-size: px2rem(28);
|
||||
position: absolute;
|
||||
top: px2rem(266);
|
||||
right: px2rem(32);
|
||||
z-index: 5;
|
||||
padding: 0 px2rem(10);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(38);
|
||||
height: px2rem(42);
|
||||
vertical-align: middle;
|
||||
margin-top: -0.1rem;
|
||||
display: none;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.headerBox {
|
||||
width: px2rem(750);
|
||||
border-radius: px2rem(20);
|
||||
margin: px2rem(-30) auto px2rem(0);
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
|
||||
.headerBox_in {
|
||||
width: px2rem(686);
|
||||
max-height: px2rem(230);
|
||||
.headerBox {
|
||||
width: px2rem(665);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
margin: px2rem(24) auto 0;
|
||||
position: absolute;
|
||||
top: px2rem(478);
|
||||
// left: px2rem(93);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
|
||||
div {
|
||||
width: px2rem(334);
|
||||
height: px2rem(104);
|
||||
line-height: px2rem(104);
|
||||
margin-bottom: px2rem(18);
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(24);
|
||||
text-align: left;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(10);
|
||||
width: px2rem(272);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
color: #fff;
|
||||
font-size: px2rem(26);
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, rgba(128, 146, 255, .8) 0%, rgba(108, 208, 255, .8) 100%);
|
||||
border-radius: px2rem(14);
|
||||
margin-bottom: px2rem(25);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
margin: 0 auto px2rem(25);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(52);
|
||||
height: px2rem(52);
|
||||
// margin-top: px2rem(30);
|
||||
vertical-align: middle;
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
margin-right: px2rem(13);
|
||||
float: left;
|
||||
margin-top: px2rem(12);
|
||||
margin-left: px2rem(29);
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
color: #313131;
|
||||
font-size: px2rem(30);
|
||||
vertical-align: middle;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
.incomeStatistics{
|
||||
background: #E3F2FF;
|
||||
}
|
||||
|
||||
.E3F2FF {
|
||||
background: #E3F2FF;
|
||||
}
|
||||
|
||||
.FFEFE5 {
|
||||
background: #FFEFE5;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.agencylevel {
|
||||
width: px2rem(750);
|
||||
height: px2rem(272);
|
||||
margin: px2rem(26) auto 0;
|
||||
display: none;
|
||||
|
||||
.top {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(25);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(50);
|
||||
margin-top: px2rem(31);
|
||||
position: relative;
|
||||
|
||||
span {
|
||||
float: left;
|
||||
width: px2rem(8);
|
||||
height: px2rem(34);
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(692);
|
||||
margin: px2rem(8) px2rem(10) 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
b {
|
||||
float: left;
|
||||
font-size: px2rem(36);
|
||||
color: #313131;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-right: px2rem(7);
|
||||
}
|
||||
|
||||
i {
|
||||
display: block;
|
||||
font-size: px2rem(36);
|
||||
color: #313131;
|
||||
float: left;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.agencylevelInfo {
|
||||
width: px2rem(686);
|
||||
height: px2rem(202);
|
||||
background: #EBFFF6;
|
||||
border-radius: px2rem(16);
|
||||
margin: px2rem(20) auto 0;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(18);
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
display: block;
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
margin-bottom: px2rem(20);
|
||||
font-weight: 600;
|
||||
|
||||
b {
|
||||
color: #313131;
|
||||
font-size: px2rem(26);
|
||||
}
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: #7B7B7D;
|
||||
font-weight: 400;
|
||||
margin-bottom: px2rem(20);
|
||||
}
|
||||
|
||||
.line {
|
||||
width: px2rem(650);
|
||||
height: px2rem(10);
|
||||
position: relative;
|
||||
background: #B2E8D0;
|
||||
border-radius: px2rem(10);
|
||||
overflow: hidden;
|
||||
margin-bottom: px2rem(20);
|
||||
|
||||
.line_in {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 10%;
|
||||
background: #04D5C6;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(24);
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.guildList {
|
||||
width: px2rem(750);
|
||||
// height: 11rem;
|
||||
// height: 6.7rem;
|
||||
width: px2rem(694);
|
||||
height: 11rem;
|
||||
border-radius: px2rem(20);
|
||||
margin: px2rem(0) auto 0;
|
||||
margin: -0.3rem auto px2rem(0);
|
||||
position: relative;
|
||||
background: #fff;
|
||||
overflow: hidden;
|
||||
@@ -310,26 +244,16 @@ body {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(25);
|
||||
height: px2rem(50);
|
||||
line-height: px2rem(50);
|
||||
height: px2rem(30);
|
||||
line-height: px2rem(30);
|
||||
margin-top: px2rem(31);
|
||||
position: relative;
|
||||
|
||||
// margin-left: px2rem(-13);
|
||||
span {
|
||||
float: left;
|
||||
width: px2rem(8);
|
||||
height: px2rem(34);
|
||||
background: #04D5C6;
|
||||
border-radius: px2rem(692);
|
||||
margin: px2rem(8) px2rem(10) 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
b {
|
||||
float: left;
|
||||
font-size: px2rem(36);
|
||||
color: #313131;
|
||||
font-size: px2rem(24);
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-right: px2rem(7);
|
||||
@@ -337,8 +261,8 @@ body {
|
||||
|
||||
i {
|
||||
display: block;
|
||||
font-size: px2rem(36);
|
||||
color: #313131;
|
||||
color: #666;
|
||||
font-size: px2rem(22);
|
||||
float: left;
|
||||
font-style: normal;
|
||||
}
|
||||
@@ -349,7 +273,7 @@ body {
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
position: absolute;
|
||||
left: 6.45rem;
|
||||
left: 3.68rem;
|
||||
top: 51%;
|
||||
transform: translateY(-50%);
|
||||
z-index: 2;
|
||||
@@ -360,18 +284,17 @@ body {
|
||||
border: none;
|
||||
outline: none;
|
||||
background: #F5F7F9;
|
||||
width: px2rem(260);
|
||||
width: 5.4rem;
|
||||
height: px2rem(50);
|
||||
border-radius: px2rem(50);
|
||||
box-sizing: border-box;
|
||||
padding-left: px2rem(54);
|
||||
// position: absolute;
|
||||
// left: 3.7rem;
|
||||
// top: 50%;
|
||||
// transform: translateY(-50%);
|
||||
position: absolute;
|
||||
left: 3.49333rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
color: #333;
|
||||
display: none;
|
||||
float: right;
|
||||
|
||||
&::placeholder {
|
||||
color: #BCBDCB;
|
||||
@@ -382,9 +305,8 @@ body {
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
height: 10.7rem;
|
||||
// height: 6.7rem;
|
||||
margin: px2rem(19) auto 0;
|
||||
height: 11rem;
|
||||
margin: px2rem(39) auto 0;
|
||||
overflow-y: scroll;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
@@ -392,26 +314,23 @@ body {
|
||||
}
|
||||
|
||||
li {
|
||||
width: px2rem(686);
|
||||
height: px2rem(146);
|
||||
width: 100%;
|
||||
height: px2rem(100);
|
||||
box-sizing: border-box;
|
||||
overflow: hidden;
|
||||
margin: 0 auto px2rem(33);
|
||||
margin-bottom: px2rem(33);
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
padding-left: px2rem(10);
|
||||
background: #F2F3F7;
|
||||
border-radius: px2rem(24);
|
||||
|
||||
.tx {
|
||||
width: px2rem(110);
|
||||
height: px2rem(110);
|
||||
border-radius: 50%;
|
||||
width: px2rem(80);
|
||||
height: px2rem(80);
|
||||
border-radius: px2rem(80);
|
||||
float: left;
|
||||
margin-right: px2rem(11);
|
||||
margin-left: px2rem(10);
|
||||
display: block;
|
||||
margin-top: px2rem(18)
|
||||
}
|
||||
|
||||
.user {
|
||||
@@ -424,13 +343,13 @@ body {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: px2rem(8);
|
||||
margin-bottom: px2rem(5);
|
||||
max-width: 2.7rem;
|
||||
margin-bottom: px2rem(14);
|
||||
width: 2.7rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
box-sizing: border-box;
|
||||
padding-top: px2rem(45);
|
||||
padding-top: px2rem(8);
|
||||
}
|
||||
|
||||
b {
|
||||
@@ -443,7 +362,7 @@ body {
|
||||
width: px2rem(18);
|
||||
height: px2rem(18);
|
||||
display: inline-block;
|
||||
margin-top: px2rem(45);
|
||||
margin-top: px2rem(12);
|
||||
margin-right: px2rem(8);
|
||||
}
|
||||
|
||||
@@ -452,18 +371,17 @@ body {
|
||||
display: inline-block;
|
||||
width: px2rem(72);
|
||||
height: px2rem(36);
|
||||
margin-top: px2rem(37);
|
||||
}
|
||||
}
|
||||
|
||||
.but {
|
||||
width: px2rem(88);
|
||||
height: px2rem(42);
|
||||
background: #CDCED6;
|
||||
background: #62D0A8;
|
||||
border-radius: px2rem(42);
|
||||
position: absolute;
|
||||
right: px2rem(26);
|
||||
top: 0.69rem;
|
||||
top: px2rem(7);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
line-height: px2rem(42);
|
||||
@@ -472,33 +390,33 @@ body {
|
||||
}
|
||||
|
||||
.chairman {
|
||||
width: px2rem(90);
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
border-radius: px2rem(34);
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(28);
|
||||
top: px2rem(98);
|
||||
background: #04D5C6;
|
||||
left: px2rem(20);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(90deg, #FFEB67, #FFFCE7);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.administrator {
|
||||
width: px2rem(90);
|
||||
height: px2rem(34);
|
||||
line-height: px2rem(34);
|
||||
border-radius: px2rem(34);
|
||||
width: px2rem(78);
|
||||
height: px2rem(26);
|
||||
line-height: px2rem(26);
|
||||
border-radius: px2rem(26);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
color: #333;
|
||||
font-size: px2rem(22);
|
||||
font-weight: 400;
|
||||
position: absolute;
|
||||
left: px2rem(28);
|
||||
top: px2rem(98);
|
||||
left: px2rem(20);
|
||||
top: px2rem(71);
|
||||
background: linear-gradient(-90deg, #FBE1FF, #F090FF);
|
||||
display: none;
|
||||
}
|
||||
@@ -563,29 +481,36 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
.inveMember {
|
||||
width: px2rem(306);
|
||||
height: px2rem(96);
|
||||
border-radius: px2rem(96);
|
||||
line-height: px2rem(92);
|
||||
text-align: center;
|
||||
background: linear-gradient(90deg, #7CDD9B, #62D0A8);
|
||||
color: #fff;
|
||||
font-size: px2rem(34);
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
z-index: 5;
|
||||
bottom: px2rem(80);
|
||||
|
||||
img {
|
||||
display: inline-block;
|
||||
width: px2rem(38);
|
||||
height: px2rem(42);
|
||||
vertical-align: middle;
|
||||
margin-top: -0.1rem;
|
||||
}
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.back img {
|
||||
left: auto;
|
||||
right: 0.24rem;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.header .tx {
|
||||
left: auto;
|
||||
right: 0.45333rem;
|
||||
}
|
||||
|
||||
.header .nick {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
}
|
||||
|
||||
.header .id {
|
||||
left: auto;
|
||||
right: 2.93333rem;
|
||||
}
|
||||
|
||||
.guildList .top img {
|
||||
right: px2rem(30);
|
||||
}
|
||||
@@ -601,7 +526,7 @@ body {
|
||||
|
||||
.guildList ul li .chairman,
|
||||
.guildList ul li .administrator {
|
||||
right: px2rem(28);
|
||||
right: 0.1rem;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
@@ -622,10 +547,6 @@ body {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in div span {
|
||||
font-size: px2rem(25);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.english {
|
||||
@@ -640,22 +561,9 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.headerBox .headerBox_in .guildInfoSet span,
|
||||
.headerBox .headerBox_in .adminSet span {
|
||||
// font-size: px2rem(20);
|
||||
}
|
||||
}
|
||||
|
||||
.arabic {
|
||||
.header .inveMember {
|
||||
right: auto;
|
||||
left: px2rem(32);
|
||||
}
|
||||
.headerBox .headerBox_in div{
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.header .headerBox {
|
||||
width: 8rem;
|
||||
|
||||
@@ -667,33 +575,4 @@ body {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.guildList .top b {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.guildList .top i {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.guildList .top input {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.guildList .top img {
|
||||
right: 6.3rem;
|
||||
left: auto;
|
||||
transform: rotate(100deg);
|
||||
top: 0.1rem;
|
||||
}
|
||||
|
||||
.guildList .top span {
|
||||
float: right;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.agencylevel .agencylevelInfo .line .line_in {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 345 B |
@@ -1,86 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ar">
|
||||
|
||||
<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/incomeStatistics.css?v1.0">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- 頂部返回 -->
|
||||
<div class="back">
|
||||
<img src="./images/travel/backB.png" alt="">
|
||||
<b class="text1"></b>
|
||||
</div>
|
||||
<!-- 我的收益 -->
|
||||
<div class="income">
|
||||
<div class="time">
|
||||
<b></b> <img src="./images/xia.png" alt="">
|
||||
</div>
|
||||
<h3 class="text2"></h3>
|
||||
<div class="gold">
|
||||
<img src="./images/goldBig.png" alt="">
|
||||
<b>0</b>
|
||||
</div>
|
||||
</div>
|
||||
<!-- tab切换 -->
|
||||
<div class="tab">
|
||||
<div class="act text3"></div>
|
||||
<div class="Member text4"></div>
|
||||
</div>
|
||||
<!-- 信息标题 -->
|
||||
<div class="titleInfo">
|
||||
<div class="text5"></div>
|
||||
<div class="text6"></div>
|
||||
<div class="text7"></div>
|
||||
</div>
|
||||
<!-- 成员数据 -->
|
||||
<ul class="userInfo">
|
||||
<li>
|
||||
<div class="tx">
|
||||
<img src="./images/logo.png" alt="">
|
||||
<span></span>
|
||||
</div>
|
||||
<div class="user">
|
||||
<p>名字</p>
|
||||
<b>ID:0</b>
|
||||
</div>
|
||||
<div class="incomes">0</div>
|
||||
<div class="duration">0h0m0s</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 每日数据 -->
|
||||
<ul class="dayDate">
|
||||
<li>
|
||||
<div>08.00</div>
|
||||
<div>0</div>
|
||||
<div>0h00m00s</div>
|
||||
</li>
|
||||
</ul>
|
||||
<!-- 选择周期 -->
|
||||
<div class="cycle">
|
||||
<div class="cycle_in">
|
||||
<ul>
|
||||
<li class="act">2024.08.01-2024.08.17</li>
|
||||
<li>2024.08.01-2024.08.18</li>
|
||||
</ul>
|
||||
</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"></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/incomeStatistics.js?v=1.1"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
@@ -23,11 +23,6 @@
|
||||
<!-- 工会长昵称 -->
|
||||
<div class="nick"></div>
|
||||
<div class="id"></div>
|
||||
<!-- 邀请成员 -->
|
||||
<div class="inveMember">
|
||||
<img src="./images/inveMemberIcon.png" alt="">
|
||||
<span class="text6">邀请成员</span>
|
||||
</div>
|
||||
<!-- 工会昵称 -->
|
||||
<!-- 公会:公会昵称 -->
|
||||
<!-- <div class="guildNick"></div> -->
|
||||
@@ -43,7 +38,7 @@
|
||||
<!-- 邀请成员 -->
|
||||
<!-- <div class="inveMember text6"></div> -->
|
||||
|
||||
<!-- <div class="headerBox">
|
||||
<div class="headerBox">
|
||||
<div class="memberFlow">
|
||||
<img src="./images/icon1.png" alt="">
|
||||
<span class="texts1"></span>
|
||||
@@ -64,47 +59,11 @@
|
||||
<img src="./images/icon2.png" alt="">
|
||||
<span class="texts5"></span>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
<!-- 信息入口 -->
|
||||
<div class="headerBox">
|
||||
<div class="headerBox_in">
|
||||
<div class="incomeStatistics" style="width: 100%;">
|
||||
<img src="./images/icon33.png" alt="">
|
||||
<span class="newText1"></span>
|
||||
</div>
|
||||
<div class="guildInfoSet">
|
||||
<img src="./images/icon11.png" alt="">
|
||||
<span class="newText2"></span>
|
||||
</div>
|
||||
<div class="adminSet">
|
||||
<img src="./images/icon22.png" alt="">
|
||||
<span class="newText3"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Agency level -->
|
||||
<div class="agencylevel">
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<b class="newtext5"></b>
|
||||
</div>
|
||||
<div class="agencylevelInfo">
|
||||
<h3><strong class="newtext6"></strong> <b></b></h3>
|
||||
<h4><strong class="newtext7"></strong> <b></b></h4>
|
||||
<div class="line">
|
||||
<div class="line_in"></div>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<div></div>
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 公会成员列表 -->
|
||||
<div class="guildList">
|
||||
<div class="top">
|
||||
<span></span>
|
||||
<b class="text8"></b><i>(0)</i>
|
||||
<img src="./images/fdj.png" alt="">
|
||||
<input class="text16" type="number" placeholder="">
|
||||
@@ -136,6 +95,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 邀请成员 -->
|
||||
<div class="inveMember">
|
||||
<img src="./images/inveMemberIcon.png" alt="">
|
||||
<span class="text6">邀请成员</span>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@@ -44,7 +44,7 @@ $(function () {
|
||||
};
|
||||
// 頂部返回事件
|
||||
$('.back .backs').click(() => {
|
||||
window.history.back();
|
||||
window.location.href = document.referrer;
|
||||
})
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
|
||||
@@ -1,181 +0,0 @@
|
||||
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 roleTypes = getQueryString().roleTypes;
|
||||
var index = 1;
|
||||
var totalGoldIncome = [];
|
||||
// 初始化函數
|
||||
$(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();
|
||||
income();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.incomeStatistics.text1));
|
||||
// $('.text2').text(langReplace(localLang.incomeStatistics.text2));
|
||||
$('.text3').text(langReplace(localLang.incomeStatistics.text3));
|
||||
$('.text4').text(langReplace(localLang.incomeStatistics.text4));
|
||||
$('.text5').text(langReplace(localLang.incomeStatistics.text5));
|
||||
$('.text6').text(langReplace(localLang.incomeStatistics.text6));
|
||||
$('.text7').text(langReplace(localLang.incomeStatistics.text7));
|
||||
$('.text8').text(langReplace(localLang.incomeStatistics.text8));
|
||||
$('.text9').text(langReplace(localLang.incomeStatistics.text9));
|
||||
if (roleTypes != 1) {
|
||||
$('.Member').hide();
|
||||
} else {
|
||||
// $('.income h3').text(langReplace(localLang.incomeStatistics.text22));
|
||||
}
|
||||
$('.income h3').text(langReplace(localLang.incomeStatistics.text222));
|
||||
}
|
||||
//接口
|
||||
function income(startDate, endDate) {
|
||||
$('ul li').remove();
|
||||
networkRequest({
|
||||
type: 'get',
|
||||
url: urlPrefix + '/family/income',
|
||||
data: { startDate, endDate },
|
||||
success(res) {
|
||||
if (res.code === 200) {
|
||||
// 处理当前周期渲染
|
||||
$('.income .time b').text(`${res.data.curCycleDate.startDate}-${res.data.curCycleDate.endDate}`);
|
||||
// 渲染日收益统计
|
||||
var dailyIncomeListStr = '';
|
||||
res.data.dailyIncome.dailyIncomeList.forEach((res, i) => {
|
||||
dailyIncomeListStr += `
|
||||
<li class="${(i + 1) % 2 === 0 ? 'act' : ''}">
|
||||
<div>${res.date}</div>
|
||||
<div>${res.goldIncome}</div>
|
||||
<div>${res.micRemainTime}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.dayDate').append(dailyIncomeListStr);
|
||||
// 渲染成员收益统计
|
||||
var memberIncomeStr = '';
|
||||
if (res.data.memberIncome) {
|
||||
totalGoldIncome[1] = res.data.memberIncome.totalGoldIncome;
|
||||
res.data.memberIncome.memberIncomeList.forEach((res, i) => {
|
||||
memberIncomeStr += `
|
||||
<li class="${(i + 1) % 2 === 0 ? 'act' : ''}">
|
||||
<div class="tx">
|
||||
<img src="${res.member.avatar}" alt="">
|
||||
<span style="display:${pubInfo.uid == res.member.uid ? 'block' : 'none'}">${langReplace(localLang.incomeStatistics.text8)}</span>
|
||||
</div>
|
||||
<div class="user">
|
||||
<p>${res.member.nick}</p>
|
||||
<b>ID:${res.member.erbanNo}</b>
|
||||
</div>
|
||||
<div class="incomes">${res.goldIncome}</div>
|
||||
<div class="duration">${res.micRemainTime}</div>
|
||||
</li>
|
||||
`
|
||||
})
|
||||
$('.userInfo').append(memberIncomeStr);
|
||||
}
|
||||
// 渲染周期
|
||||
var str = '';
|
||||
res.data.cycleDateList.forEach((val, i) => {
|
||||
str += `
|
||||
<li startDate="${val.startDate}" endDate="${val.endDate}" class="${`${startDate}-${endDate}` == `${val.startDate}-${val.endDate}` ? 'act' : ''}">${val.intervalFormatter}</li>
|
||||
`
|
||||
})
|
||||
$('.cycle .cycle_in ul').append(str);
|
||||
// 首次处理
|
||||
$('.titleInfo div').eq(0).text(index == 1 ? langReplace(localLang.incomeStatistics.text5) : langReplace(localLang.incomeStatistics.text9));
|
||||
totalGoldIncome[0] = res.data.dailyIncome.totalGoldIncome;
|
||||
$('.income .gold b').text(totalGoldIncome[index - 1]);
|
||||
} else {
|
||||
toastMsg(res.message)
|
||||
}
|
||||
hideLoading(layerIndex)
|
||||
},
|
||||
error(err) {
|
||||
hideLoading(layerIndex)
|
||||
toastMsg(langReplace(localLang.demoModule.layerIndex3))
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
// tab切换
|
||||
$('.tab div').click(function () {
|
||||
index = $(this).index() + 1;
|
||||
$(this).addClass('act').siblings().removeClass('act');
|
||||
$('.dayDate,.userInfo').hide();
|
||||
$('.income .gold b').text(totalGoldIncome[index - 1]);
|
||||
if (index == 1) {
|
||||
$('.titleInfo').removeClass('titleInfoAct');
|
||||
$('.titleInfo div').eq(0).text(langReplace(localLang.incomeStatistics.text5));
|
||||
$('.dayDate').show();
|
||||
$('.income h3').text(langReplace(localLang.incomeStatistics.text222));
|
||||
} else {
|
||||
$('.titleInfo').addClass('titleInfoAct');
|
||||
$('.titleInfo div').eq(0).text(langReplace(localLang.incomeStatistics.text9));
|
||||
$('.userInfo').show();
|
||||
$('.income h3').text(langReplace(localLang.incomeStatistics.text22));
|
||||
}
|
||||
})
|
||||
// 打开周期选择
|
||||
$('.income .time').click(function () {
|
||||
$('.cycle').show();
|
||||
})
|
||||
// 选择周期按钮
|
||||
$('.cycle .cycle_in ul').on('click', ' li', function () {
|
||||
var text = $(this).text();
|
||||
var startDate = $(this).attr('startDate');
|
||||
var endDate = $(this).attr('endDate');
|
||||
// $(this).addClass('act').siblings().removeClass('act');
|
||||
$('.cycle').hide();
|
||||
$('.income .time b').text(text);
|
||||
income(startDate, endDate);
|
||||
})
|
||||
// 关闭
|
||||
$('.cycle').click(function () {
|
||||
$('.cycle').hide();
|
||||
})
|
||||
@@ -83,9 +83,6 @@ function translateFun() {
|
||||
$('.texts3').text(langReplace(localLang.demoModule.texts3));
|
||||
$('.texts4').text(langReplace(localLang.demoModule.texts4));
|
||||
$('.texts5').text(langReplace(localLang.demoModule.texts5));
|
||||
$('.newText1').text(langReplace(localLang.demoModule.newText1));
|
||||
$('.newText2').text(langReplace(localLang.demoModule.newText2));
|
||||
$('.newText3').text(langReplace(localLang.demoModule.newText3));
|
||||
}
|
||||
// 判断公会身份函数
|
||||
function guildFun(type) {
|
||||
@@ -93,22 +90,22 @@ function guildFun(type) {
|
||||
if (type == 1) {
|
||||
$('.guildList .top img').show()
|
||||
$('.guildList .top input').show()
|
||||
$('.headerBox .myWages').hide()
|
||||
$('.header .headerBox .myWages').hide()
|
||||
}
|
||||
// 管理员
|
||||
else if (type == 2) {
|
||||
$('.headerBox .guildInfoSet').hide();
|
||||
$('.headerBox .adminSet').hide();
|
||||
$('.header .headerBox .guildInfoSet').hide();
|
||||
$('.header .headerBox .adminSet').hide();
|
||||
$('.guildList .top input').show()
|
||||
$('.memberFlow2').hide()
|
||||
}
|
||||
// 普通成员
|
||||
else if (type == 3) {
|
||||
$('.headerBox .guildInfoSet').hide();
|
||||
$('.headerBox .adminSet').hide();
|
||||
$('.headerBox .memberFlow').hide();
|
||||
$('.memberFlowMy').show()
|
||||
$('.guildNick').show()
|
||||
$('.header .headerBox .guildInfoSet').hide();
|
||||
$('.header .headerBox .adminSet').hide();
|
||||
$('.header .headerBox .memberFlow').hide();
|
||||
$('.header .memberFlowMy').show()
|
||||
$('.header .guildNick').show()
|
||||
$('.guildList .top input').show()
|
||||
$('.memberFlow2').hide();
|
||||
|
||||
@@ -129,7 +126,8 @@ function get() {
|
||||
roleTypes = res.data.roleType;
|
||||
guildFun(roleTypes);
|
||||
if (res.data.wageEnable == false) {
|
||||
// $('.memberFlow2').hide();
|
||||
$('.memberFlow2').hide()
|
||||
$('.header .headerBox .myWages').hide()
|
||||
}
|
||||
$('.text2').text(res.data.name)
|
||||
// 渲染基本信息
|
||||
@@ -284,11 +282,11 @@ $('.pub .pub_in .butBox .close').click(function () {
|
||||
$('.pub').hide();
|
||||
})
|
||||
// 管理员设置
|
||||
$('.adminSet').click(function () {
|
||||
$('.header .adminSet').click(function () {
|
||||
window.location.href = `./adminSet2.html?roleTypes=${roleTypes}`
|
||||
})
|
||||
// 公会信息设置
|
||||
$('.guildInfoSet').click(function () {
|
||||
$('.header .guildInfoSet').click(function () {
|
||||
window.location.href = `./guildInfoSet.html?guildNick=${guildNick}&backgroundUrl=${backgroundUrl}&payoneer=${payoneer}&usdt=${usdt}&payPal=${payPal}`
|
||||
})
|
||||
// 金币收入统计
|
||||
@@ -296,7 +294,7 @@ $('.header .memberFlow').click(function (params) {
|
||||
window.location.href = `./memberFlow.html`
|
||||
})
|
||||
// 工资收入统计
|
||||
$('.memberFlow2').click(function (params) {
|
||||
$('.header .memberFlow2').click(function (params) {
|
||||
window.location.href = `./memberFlow2.html`
|
||||
})
|
||||
// 邀请成员
|
||||
@@ -306,8 +304,4 @@ $('.inveMember').click(function (params) {
|
||||
// 我的工资
|
||||
$(`.myWages`).click(function (params) {
|
||||
window.location.href = `./memberFlow222.html?familyMemberId=${familyMemberId}`
|
||||
})
|
||||
// 硬币收入统计
|
||||
$(`.incomeStatistics`).click(function (params) {
|
||||
window.location.href = `./incomeStatistics.html?roleTypes=${roleTypes}`
|
||||
})
|
||||
@@ -26,9 +26,6 @@ langAr = {
|
||||
texts3: "إعدادات معلومات الوكالة",
|
||||
texts4: "إعدادات مشرف الوكالة",
|
||||
texts5: "راتبي",
|
||||
newText1: `إحصائيات دخل العملة`,
|
||||
newText2: `الوكالة`,
|
||||
newText3: `المسؤول`,
|
||||
},
|
||||
adminSet: {
|
||||
text1: `إعدادات المشرف`,
|
||||
@@ -118,7 +115,7 @@ langAr = {
|
||||
text15: `تفاصيل`,
|
||||
text16: `تفاصيل`,
|
||||
text17: `الشهر الحالي `,
|
||||
textss: `إجمالي راتب العملات الذهبية:`
|
||||
textss:`إجمالي راتب العملات الذهبية:`
|
||||
},
|
||||
memberFlow22: {
|
||||
text1: `الراتب الشهري للأعضاء `,
|
||||
@@ -166,18 +163,5 @@ langAr = {
|
||||
ok: 'تأكيد',
|
||||
close: 'إلغاء',
|
||||
departed: 'غادر',
|
||||
},
|
||||
incomeStatistics: {
|
||||
text1: `إحصائيات الدخل`,
|
||||
text2: `إجمالي دخل العملات`,
|
||||
text22: `دخل الوكالة`,
|
||||
text222: `الدخل الشخصي`,
|
||||
text3: `البيانات الشخصية`,
|
||||
text4: `بيانات الأعضاء`,
|
||||
text5: `التاريخ`,
|
||||
text6: `دخل العملات`,
|
||||
text7: `المدة`,
|
||||
text8: `أنا`,
|
||||
text9: `عضو`,
|
||||
}
|
||||
}
|
||||
@@ -18,15 +18,12 @@ langEn = {
|
||||
text13: `Admin`,
|
||||
text14: `Delete`,
|
||||
text15: `Are you sure you want to remove this person?`,
|
||||
text16: `MoliStar ID`,
|
||||
text16: `Enter MoliStar ID to Search`,
|
||||
texts1: "Coin Income Statistics",
|
||||
texts2: "Salary Income Statistics",
|
||||
texts3: "Agency Settings",
|
||||
texts4: "Administrator Settings",
|
||||
texts5: "My Salary",
|
||||
newText1: `Coin Income Statistics`,
|
||||
newText2: `Agency`,
|
||||
newText3: `Administrator`,
|
||||
},
|
||||
adminSet: {
|
||||
text1: `Administrator`,
|
||||
@@ -116,7 +113,7 @@ langEn = {
|
||||
text15: `View`,
|
||||
text16: `Details`,
|
||||
text17: `Current`,
|
||||
textss: 'Total Coin Salary：'
|
||||
textss:'Total Coin Salary：'
|
||||
},
|
||||
memberFlow22: {
|
||||
text1: `Member Salary`,
|
||||
@@ -164,18 +161,5 @@ langEn = {
|
||||
ok: 'Confirm',
|
||||
close: 'Cancel',
|
||||
departed: 'Departed',
|
||||
},
|
||||
incomeStatistics:{
|
||||
text1:`Income Statistics`,
|
||||
text2:`Total Coins Income`,
|
||||
text22:`Agnecy Income`,
|
||||
text222:`Personal Income`,
|
||||
text3:`Personal Data`,
|
||||
text4:`Member Data`,
|
||||
text5:`Date`,
|
||||
text6:`Coins Income`,
|
||||
text7:`Duration`,
|
||||
text8:`Me`,
|
||||
text9:`Member`,
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,9 +26,6 @@ langZh = {
|
||||
texts3: `公會信息設置`,
|
||||
texts4: `公會管理員設置`,
|
||||
texts5: `我的工資`,
|
||||
newText1: `幣收入統計`,
|
||||
newText2: `機構`,
|
||||
newText3: `管理員`,
|
||||
},
|
||||
adminSet: {
|
||||
text1: `管理員設置`,
|
||||
@@ -168,17 +165,4 @@ langZh = {
|
||||
departed: '已离开',
|
||||
placeholder: '请添加',
|
||||
},
|
||||
incomeStatistics: {
|
||||
text1: `收入統計`,
|
||||
text2: `總幣收入`,
|
||||
text22:`公會收入`,
|
||||
text222:`個人收入`,
|
||||
text3:`個人資料`,
|
||||
text4: `會員數據`,
|
||||
text5: `日期`,
|
||||
text6: `幣收入`,
|
||||
text7: `持續時間`,
|
||||
text8: `我`,
|
||||
text9: `會員`,
|
||||
}
|
||||
}
|
||||
70
view/molistar/modules/h5Chat/css/index.css
Normal file
70
view/molistar/modules/h5Chat/css/index.css
Normal file
@@ -0,0 +1,70 @@
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bg {
|
||||
width: 10rem;
|
||||
height: 21.65333rem;
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.bg .chat {
|
||||
width: 7.41333rem;
|
||||
height: 4.88rem;
|
||||
position: absolute;
|
||||
left: 0.68rem;
|
||||
top: 12.66667rem;
|
||||
background: rgba(247, 245, 245, 0.3);
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
width: 10rem;
|
||||
height: 1.62667rem;
|
||||
border-radius: 0.61333rem 0.61333rem 0 0;
|
||||
background: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
.bottom .text {
|
||||
width: 2.4rem;
|
||||
height: 0.74667rem;
|
||||
line-height: 0.74667rem;
|
||||
border-radius: 0.74667rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.26667rem;
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
font-weight: 500;
|
||||
border: none;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
left: 1.06667rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
|
||||
.bottom .text::placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.bottom img {
|
||||
width: 0.77333rem;
|
||||
height: 0.77333rem;
|
||||
position: absolute;
|
||||
left: 3.82667rem;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.bottom #finishCall {
|
||||
display: none;
|
||||
}
|
||||
75
view/molistar/modules/h5Chat/css/index.scss
Normal file
75
view/molistar/modules/h5Chat/css/index.scss
Normal file
@@ -0,0 +1,75 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
body {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bg {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1624);
|
||||
background: url(../images/bg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
margin: 0 auto 0;
|
||||
|
||||
.chat {
|
||||
width: px2rem(556);
|
||||
height: px2rem(366);
|
||||
position: absolute;
|
||||
left: px2rem(51);
|
||||
top: px2rem(950);
|
||||
background: rgba(247, 245, 245, 0.3);
|
||||
}
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0;
|
||||
width: px2rem(750);
|
||||
height: px2rem(122);
|
||||
border-radius: px2rem(46) px2rem(46) 0 0;
|
||||
background: rgba(255, 255, 255, .2);
|
||||
|
||||
.text {
|
||||
width: px2rem(180);
|
||||
height: px2rem(56);
|
||||
line-height: px2rem(56);
|
||||
border-radius: px2rem(56);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(20);
|
||||
position: absolute;
|
||||
background: rgba(0, 0, 0, .1);
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
font-weight: 500;
|
||||
border: none;
|
||||
outline: none;
|
||||
position: absolute;
|
||||
left: px2rem(80);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
|
||||
&::placeholder {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
width: px2rem(58);
|
||||
height: px2rem(58);
|
||||
// background: rgba(0, 0, 0, .1);
|
||||
position: absolute;
|
||||
left: px2rem(287);
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
#finishCall {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
BIN
view/molistar/modules/h5Chat/images/bg.png
Normal file
BIN
view/molistar/modules/h5Chat/images/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 114 KiB |
BIN
view/molistar/modules/h5Chat/images/finishCall.png
Normal file
BIN
view/molistar/modules/h5Chat/images/finishCall.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
BIN
view/molistar/modules/h5Chat/images/startCall.png
Normal file
BIN
view/molistar/modules/h5Chat/images/startCall.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
35
view/molistar/modules/h5Chat/index.html
Normal file
35
view/molistar/modules/h5Chat/index.html
Normal file
@@ -0,0 +1,35 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>多人聊天</title>
|
||||
<script src="./js/NIM_Web_NERTC_v5.6.30.js"></script>
|
||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||
<link rel="stylesheet" href="./css/index.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="bg">
|
||||
<!-- 文字聊天容器 -->
|
||||
<div class="chat">聊天内容</div>
|
||||
</div>
|
||||
<!-- 底部 -->
|
||||
<div class="bottom">
|
||||
<input type="text" class="text" placeholder="说点什么...">
|
||||
<img src="./images/startCall.png" alt="" id="startCall">
|
||||
<img src="./images/finishCall.png" alt="" id="finishCall">
|
||||
</div>
|
||||
<!-- <button type="button" id="startCall">开始通话</button>
|
||||
<button type="button" id="finishCall">结束通话</button> -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./js/index.js"></script>
|
||||
17
view/molistar/modules/h5Chat/js/NIM_Web_NERTC_v5.6.30.js
Normal file
17
view/molistar/modules/h5Chat/js/NIM_Web_NERTC_v5.6.30.js
Normal file
File diff suppressed because one or more lines are too long
90
view/molistar/modules/h5Chat/js/index.js
Normal file
90
view/molistar/modules/h5Chat/js/index.js
Normal file
@@ -0,0 +1,90 @@
|
||||
let rtc = {};
|
||||
let client, localStream;
|
||||
let uid = getQueryString().uid;
|
||||
let channelName = '消失的房间111';
|
||||
const main = async () => {
|
||||
client = NERTC.createClient({
|
||||
appkey: '2f9b0121d8e1338564b3fea38236390b', //您的 App Key
|
||||
debug: false, //是否开启调试日志
|
||||
});
|
||||
// 加入房间
|
||||
try {
|
||||
await client.join({
|
||||
channelName,
|
||||
uid: uid,
|
||||
token: null // 调试模式下可设置为 null
|
||||
});
|
||||
console.info('加入房间成功...');
|
||||
await initLocalStream();
|
||||
} catch (error) {
|
||||
console.error('加入房间失败:', error);
|
||||
}
|
||||
|
||||
}
|
||||
//初始化本地流并且发布
|
||||
async function initLocalStream() {
|
||||
// 监听事件
|
||||
client.on('stream-added', event => {
|
||||
const remoteStream = event.stream;
|
||||
console.warn('收到别人的发布消息: ', remoteStream.streamID, 'mediaType: ', event.mediaType)
|
||||
//订阅远端流
|
||||
client.subscribe(remoteStream).then(() => {
|
||||
console.warn(`subscribe 成功 ${remoteStream.streamID}`)
|
||||
});
|
||||
});
|
||||
client.on('stream-subscribed', event => {
|
||||
// 远端流订阅成功
|
||||
const remoteStream = event.stream;
|
||||
console.warn('订阅别人的流成功的通知: ', remoteStream.streamID, 'mediaType: ', event.mediaType)
|
||||
// 设置远端视频画布
|
||||
remoteStream.setRemoteRenderMode({
|
||||
width: 640,
|
||||
height: 480
|
||||
});
|
||||
// 播放远端流
|
||||
remoteStream.play('remoteVideoContent');
|
||||
|
||||
});
|
||||
// 进房成功后开始推流
|
||||
try {
|
||||
// await client.join({ channelName, uid });
|
||||
localStream = NERTC.createStream({ uid, audio: false, video: false, client });
|
||||
localStream.setAudioProfile("high_quality_stereo");
|
||||
await localStream.init();
|
||||
await client.publish(localStream);
|
||||
} catch (error) {
|
||||
console.error(error);
|
||||
}
|
||||
}
|
||||
// 开启麦克风-按钮
|
||||
document.getElementById('startCall').onclick = async function () {
|
||||
try {
|
||||
// localStream.audio = true;
|
||||
// await localStream.init();
|
||||
// await client.publish(localStream);
|
||||
localStream.open({type:'audio'})
|
||||
$(this).hide();
|
||||
$('.bottom #finishCall').show();
|
||||
} catch (error) {
|
||||
console.error('开启麦克风失败', error);
|
||||
}
|
||||
};
|
||||
|
||||
// 关闭麦克风-按钮
|
||||
document.getElementById('finishCall').onclick = async function () {
|
||||
//结束通话 await client.leave();
|
||||
try {
|
||||
// localStream.audio = false;
|
||||
// await localStream.init();
|
||||
// await client.publish(localStream);
|
||||
localStream.close({ type: "audio"});
|
||||
$(this).hide();
|
||||
$('.bottom #startCall').show();
|
||||
} catch (error) {
|
||||
console.error('关闭麦克风失败', error);
|
||||
}
|
||||
};
|
||||
|
||||
$(function () {
|
||||
main()
|
||||
})
|
||||
25
view/molistar/modules/h5Chat/package-lock.json
generated
Normal file
25
view/molistar/modules/h5Chat/package-lock.json
generated
Normal file
@@ -0,0 +1,25 @@
|
||||
{
|
||||
"name": "dome",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
"": {
|
||||
"dependencies": {
|
||||
"nertc-web-sdk": "^5.6.30"
|
||||
}
|
||||
},
|
||||
"node_modules/@types/webrtc": {
|
||||
"version": "0.0.31",
|
||||
"resolved": "https://registry.npmmirror.com/@types/webrtc/-/webrtc-0.0.31.tgz",
|
||||
"integrity": "sha512-GEoJIoM/ddxdaGnu0enJVDTdvwwr3/tPkpXz0LBTSi282gqxWDg1ffk4fzHU2dosNshp+Slq1kfGxpKs5083Nw=="
|
||||
},
|
||||
"node_modules/nertc-web-sdk": {
|
||||
"version": "5.6.30",
|
||||
"resolved": "https://registry.npmmirror.com/nertc-web-sdk/-/nertc-web-sdk-5.6.30.tgz",
|
||||
"integrity": "sha512-1dU4K6uIqkKC9hI7aDw5uz1i78cMZ3H5CQ1aLmPcZUbr6i9twQOLSwfHcbhiOc7xXPC2fi49t/xVyDPjUTJfRQ==",
|
||||
"dependencies": {
|
||||
"@types/webrtc": "^0.0.31"
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
5
view/molistar/modules/h5Chat/package.json
Normal file
5
view/molistar/modules/h5Chat/package.json
Normal file
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"dependencies": {
|
||||
"nertc-web-sdk": "^5.6.30"
|
||||
}
|
||||
}
|
||||
@@ -1 +1 @@
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.e8f91c8f89231ddcc6daca50f174298c.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.88b78acf469d0acf38e9.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.7ca308c825d5ae771d3f.js></script></body></html>
|
||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>molistar</title><link href=./static/css/app.3bf26cf8aefc192127a20f8ba996bfe9.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.90cb57975173c57d4e84.js></script><script type=text/javascript src=./static/js/vendor.ef63a6e67767f10f7bb6.js></script><script type=text/javascript src=./static/js/app.e8e410dbf357b49f1bc2.js></script></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,2 +1,2 @@
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"9b42e162ef90c3d92a52",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"a4c2cd2893242b26adcb",4:"1c8935faedda18361064",5:"29aedabb66ce105db013",6:"0e7ac399b5d59483b7f2",7:"770781e704ff5805cd00",8:"4218eb5becaddd649623",9:"d02156509389fc441584",10:"8520f094936f10a3326e",11:"a5e798e367bdaa3003e9",12:"014c35f45254c9a43fa6"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||
//# sourceMappingURL=manifest.88b78acf469d0acf38e9.js.map
|
||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in a)Object.prototype.hasOwnProperty.call(a,f)&&(e[f]=a[f]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)u=o(o.s=c[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"static/js/"+e+"."+{0:"9b42e162ef90c3d92a52",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"a4c2cd2893242b26adcb",4:"1c8935faedda18361064",5:"f435e0adfd15f2f66756",6:"0e7ac399b5d59483b7f2",7:"770781e704ff5805cd00",8:"4218eb5becaddd649623",9:"d02156509389fc441584",10:"8520f094936f10a3326e",11:"a5e798e367bdaa3003e9",12:"014c35f45254c9a43fa6"}[e]+".js";var f=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||
//# sourceMappingURL=manifest.90cb57975173c57d4e84.js.map
|
||||
@@ -1,116 +0,0 @@
|
||||
<!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="./style/cpRule.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h2 class="text2"></h2>
|
||||
<h3 class="text3"></h3>
|
||||
<img src="./images/rule1.png" alt="" class="img1">
|
||||
<img src="./images/rule2.png" alt="" class="img2">
|
||||
<h2 class="text4"></h2>
|
||||
<h3 class="text5"></h3>
|
||||
<img src="./images/rule3.png" alt="" class="img3">
|
||||
<h2 class="text6"></h2>
|
||||
<img src="./images/rule4.png" alt="" class="img4">
|
||||
<h2 class="text7"></h2>
|
||||
<img src="./images/rule5.png" alt="" class="img5">
|
||||
<h2 class="text8"></h2>
|
||||
<img src="./images/rule6.png" alt="" class="img6">
|
||||
<h2 class="text9"></h2>
|
||||
<img src="./images/rule7.png" alt="" class="img7">
|
||||
<h2 class="text10"></h2>
|
||||
<img src="./images/rule8.png" alt="" class="img8">
|
||||
<h2 class="text11"></h2>
|
||||
<h3 class="text12"></h3>
|
||||
<h2 class="text13"></h2>
|
||||
<img src="./images/rule9.png" alt="" class="img9">
|
||||
<h2 class="text14"></h2>
|
||||
<img src="./images/rule10.png" alt="" class="img10">
|
||||
<h2 class="text15"></h2>
|
||||
<img src="./images/rule11.png" alt="" class="img11">
|
||||
<!-- <h2 class="text16"></h2>
|
||||
<img src="./images/rule12.png" alt="" class="img12"> -->
|
||||
<h2 class="text17"></h2>
|
||||
<div class="imgBox">
|
||||
<img src="./images/simg1.png" alt="">
|
||||
<img src="./images/simg2.png" alt="">
|
||||
</div>
|
||||
<!-- <h2 class="text18"></h2>
|
||||
<div class="imgBox">
|
||||
<img src="./images/simg3.png" alt="">
|
||||
<img src="./images/simg4.png" alt="">
|
||||
</div> -->
|
||||
<h2 class="text19"></h2>
|
||||
<div class="imgBox">
|
||||
<img src="./images/simg3.png" alt="">
|
||||
<img src="./images/simg4.png" alt="">
|
||||
</div>
|
||||
<h2 class="text20"></h2>
|
||||
<div class="imgBox">
|
||||
<img src="./images/simg5.png" alt="">
|
||||
<img src="./images/simg6.png" alt="">
|
||||
</div>
|
||||
<h2 class="text21"></h2>
|
||||
<h3 class="text22"></h3>
|
||||
<div class="null"></div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<script src="../../common/js/flexible.js"></script>
|
||||
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||
<script src="../../common/js/common2.js"></script>
|
||||
<script src="../../common/js/layer.js"></script>
|
||||
<script src="../../common/js/vconsole.min.js"></script>
|
||||
<script src="../../common/js/route-constant.js"></script>
|
||||
<script src="./local/en.js"></script>
|
||||
<script src="./local/zh.js"></script>
|
||||
<script src="./local/ar.js"></script>
|
||||
<script src="../../common/local/langHandler.js"></script>
|
||||
<script>
|
||||
var langReplace;
|
||||
var localLang;
|
||||
// 初始化函數
|
||||
$(function () {
|
||||
getInfoFromClient();
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
setTimeout(function () {
|
||||
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
|
||||
langReplace = window.lang.replace;
|
||||
localLang = window.lang;
|
||||
translateFun();
|
||||
}, 100)
|
||||
})
|
||||
function translateFun() {
|
||||
var langReplace = window.lang.replace;
|
||||
var localLang = window.lang;
|
||||
$('.text1').text(langReplace(localLang.cpRule.text1));
|
||||
$('.text2').text(langReplace(localLang.cpRule.text2));
|
||||
$('.text3').text(langReplace(localLang.cpRule.text3));
|
||||
$('.text4').text(langReplace(localLang.cpRule.text4));
|
||||
$('.text5').text(langReplace(localLang.cpRule.text5));
|
||||
$('.text6').text(langReplace(localLang.cpRule.text6));
|
||||
$('.text7').text(langReplace(localLang.cpRule.text7));
|
||||
$('.text8').text(langReplace(localLang.cpRule.text8));
|
||||
$('.text9').text(langReplace(localLang.cpRule.text9));
|
||||
$('.text10').text(langReplace(localLang.cpRule.text10));
|
||||
$('.text11').text(langReplace(localLang.cpRule.text11));
|
||||
$('.text12').text(langReplace(localLang.cpRule.text12));
|
||||
$('.text13').text(langReplace(localLang.cpRule.text13));
|
||||
$('.text14').text(langReplace(localLang.cpRule.text14));
|
||||
$('.text15').text(langReplace(localLang.cpRule.text15));
|
||||
$('.text16').text(langReplace(localLang.cpRule.text16));
|
||||
$('.text17').text(langReplace(localLang.cpRule.text17));
|
||||
$('.text18').text(langReplace(localLang.cpRule.text18));
|
||||
$('.text19').text(langReplace(localLang.cpRule.text19));
|
||||
$('.text20').text(langReplace(localLang.cpRule.text20));
|
||||
$('.text21').text(langReplace(localLang.cpRule.text21));
|
||||
$('.text22').html(langReplace(localLang.cpRule.text22));
|
||||
}
|
||||
</script>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 99 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 60 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 68 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 75 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 49 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 37 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 52 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 66 KiB |
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -59,84 +59,8 @@
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- <body id="sdk_body"> -->
|
||||
|
||||
<body>
|
||||
<p class="title">MoliStar Third-party SDK Directory</p>
|
||||
<p>To ensure the realization ofcertain independent functions and to enable you to use and enjoy more services and
|
||||
functions, we embed third-party SDKs in the application.We will carefully evaluate the purpose of using such
|
||||
SDKs.</p>
|
||||
<p>Please understand that the functions and services of thirdparty SDKs are constantly updated and developed. The
|
||||
types of data they handle and other content may change due to functional or policy adjustments. Please refer to
|
||||
the relevant introduction of personal information publicly disclosed by the third party.</p>
|
||||
<figure class="wp-block-table">
|
||||
<table border class="has-fixed-layout">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>SDK Name</th>
|
||||
<th>Purpose of Use</th>
|
||||
<th>Types of Personal Information</th>
|
||||
<th>Third-party Privacy Policy Link</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NetEase Yidun</td>
|
||||
<td>Implementing UGC Content Filtering Functionality</td>
|
||||
<td>WiFi network status, network status, operator information, change network connection status,
|
||||
phone status, external storage of the reader, obtain MAC address</td>
|
||||
<td>https://dun.163.com/clause/privacy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>NetEase Cloud IM SDK</td>
|
||||
<td>Collect and send end-user voice information</td>
|
||||
<td>Networkaccess, Wi-Fi access status, device information, storage card content, obtain IMEI
|
||||
information, obtain lMSI information, obtain MAC obtain APNS Token, operator type, obtain
|
||||
application information installed by the system</td>
|
||||
<td>https://commsease.com/en/clauses?serviceType=3</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tencent Cloud Object Storage</td>
|
||||
<td>Upload user avatar, publish dynamic content</td>
|
||||
<td>Network access, read/write external storage</td>
|
||||
<td>https://privacy.qq.com/document/preview/e822b3b07d36440db40abf7afa48574e</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Agora</td>
|
||||
<td>Provide real-time audio and video cloud services</td>
|
||||
<td>Recording microphone permission, camera permission, phone status, Wi-Fi status access, network
|
||||
status, operator information, Bluetooth access, network access, modify audio settings,
|
||||
read/write external storage, keep device awake</td>
|
||||
<td>https://www.agora.io/cn/privacy-policy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Tencent Cloud TRTC SDK</td>
|
||||
<td>Provide real-time audio and video cloud services</td>
|
||||
<td>Manufacturer of the device, device model, system version, network type, screen resolution, CPU
|
||||
information, IP address, network permissions, storage permissions, microphone permissions, audio
|
||||
permissions, Bluetooth permissions, camera permissions, phone permissions</td>
|
||||
<td>https://trtc.io/document/48827</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>SudMGP</td>
|
||||
<td>Provide interactive gaming-related services</td>
|
||||
<td>Personal information types, device cache count, invocation of device speaker and vibration
|
||||
motor, device type, device model, CPU information, storage information, operating system
|
||||
information, IP address, signal strength information, network type, sender and receiver user ID,
|
||||
user attributes, usage duration, personal information setting name, nickname, logs</td>
|
||||
<td>https://console.sud.tech/privacy</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>MobTech SDK</td>
|
||||
<td>Provide timely message push and notification functionality for testing a sample application of
|
||||
mobile cross-platform development tools</td>
|
||||
<td>System operation information, network access, obtaining MAC address, obtaining IMEI information,
|
||||
obtaining anonymous device identifiers (OAID), International Mobile Subscriber Identity (IMSI),
|
||||
obtaining installed applications, base station information, obtaining running process
|
||||
information</td>
|
||||
<td>https://www.mob.com/about/policy</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</figure>
|
||||
<body id="sdk_body">
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
@@ -1,67 +0,0 @@
|
||||
body {
|
||||
width: 10rem;
|
||||
height: 17.78667rem;
|
||||
background: #F5F7F9;
|
||||
box-sizing: border-box;
|
||||
padding: 0.26667rem 0.42667rem 1.09333rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h2 {
|
||||
width: 100%;
|
||||
color: #313131;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 500;
|
||||
line-height: 0.53333rem;
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
color: #7B7B7D;
|
||||
font-size: 0.34667rem;
|
||||
font-weight: 400;
|
||||
margin-bottom: 0.18667rem;
|
||||
line-height: 0.53333rem;
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: 9.14667rem;
|
||||
margin-bottom: 0.18667rem;
|
||||
margin-top: 0.18667rem;
|
||||
}
|
||||
|
||||
.img1 {
|
||||
height: 4.26667rem;
|
||||
}
|
||||
|
||||
.img2 {
|
||||
height: 5.44rem;
|
||||
}
|
||||
|
||||
.img3 {
|
||||
height: 3.46667rem;
|
||||
}
|
||||
|
||||
.img9,
|
||||
.img10,
|
||||
.img11,
|
||||
.img12 {
|
||||
margin-top: 0.18667rem;
|
||||
}
|
||||
|
||||
.imgBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 0.18667rem;
|
||||
margin-top: 0.18667rem;
|
||||
}
|
||||
|
||||
.imgBox img {
|
||||
width: 4.48rem;
|
||||
}
|
||||
|
||||
.null {
|
||||
height: 1.09333rem;
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
body {
|
||||
width: px2rem(750);
|
||||
height: px2rem(1334);
|
||||
background: #F5F7F9;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(20) px2rem(32) px2rem(82);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
h2 {
|
||||
width: 100%;
|
||||
color: #313131;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 500;
|
||||
line-height: px2rem(40);
|
||||
}
|
||||
|
||||
h3 {
|
||||
width: 100%;
|
||||
color: #7B7B7D;
|
||||
font-size: px2rem(26);
|
||||
font-weight: 400;
|
||||
margin-bottom: px2rem(14);
|
||||
line-height: px2rem(40);
|
||||
}
|
||||
|
||||
img {
|
||||
display: block;
|
||||
width: px2rem(686);
|
||||
margin-bottom: px2rem(14);
|
||||
margin-top: px2rem(14);
|
||||
}
|
||||
|
||||
.img1 {
|
||||
height: px2rem(320);
|
||||
}
|
||||
|
||||
.img2 {
|
||||
height: px2rem(408);
|
||||
}
|
||||
|
||||
.img3 {
|
||||
height: px2rem(260);
|
||||
}
|
||||
|
||||
.img9,
|
||||
.img10,
|
||||
.img11,
|
||||
.img12 {
|
||||
margin-top: px2rem(14);
|
||||
}
|
||||
|
||||
.imgBox {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: px2rem(14);
|
||||
margin-top: px2rem(14);
|
||||
|
||||
img {
|
||||
width: px2rem(336);
|
||||
}
|
||||
}
|
||||
|
||||
.null {
|
||||
height: px2rem(82);
|
||||
}
|
||||
@@ -1,257 +0,0 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #8B37E4;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 10rem;
|
||||
height: 14.50667rem;
|
||||
background: url(../images/box.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.box .a {
|
||||
position: absolute;
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
width: 1.5rem;
|
||||
text-align: center;
|
||||
color: #4F00B0;
|
||||
height: 0.53333rem;
|
||||
line-height: 0.53333rem;
|
||||
right: 0;
|
||||
border-radius: 0.53333rem 0rem 0 0.53333rem;
|
||||
text-indent: 0.15rem;
|
||||
font-size: 0.30667rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.box .rank {
|
||||
top: 0.8rem;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.box .rule {
|
||||
top: 1.6rem;
|
||||
}
|
||||
|
||||
.box .record {
|
||||
top: 2.4rem;
|
||||
}
|
||||
|
||||
.box .egg {
|
||||
width: 8.18667rem;
|
||||
height: 5.54667rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5rem;
|
||||
}
|
||||
|
||||
.box .but {
|
||||
width: 100%;
|
||||
height: 1.30667rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
bottom: 1.06667rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.53333rem;
|
||||
}
|
||||
|
||||
.box .but img {
|
||||
width: 2.02667rem;
|
||||
height: 1.30667rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.box .buyBox {
|
||||
width: 95%;
|
||||
height: 0.74667rem;
|
||||
background: #934DED;
|
||||
position: absolute;
|
||||
bottom: 0rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
border-radius: 0.4rem 0.4rem 0 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
padding: 0.02667rem 0.2rem 0;
|
||||
font-size: 0.29333rem;
|
||||
}
|
||||
|
||||
.box .buyBox .prop {
|
||||
height: 100%;
|
||||
line-height: 0.74667rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.box .buyBox .tab {
|
||||
width: 3rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: #4F00B0;
|
||||
height: 0.42667rem;
|
||||
border-radius: 0.42667rem;
|
||||
line-height: 0.42667rem;
|
||||
margin-top: 0.16rem;
|
||||
}
|
||||
|
||||
.box .buyBox .tab span {
|
||||
text-align: center;
|
||||
width: 1.06667rem;
|
||||
height: 0.42667rem;
|
||||
background: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
border-radius: 0.42667rem;
|
||||
line-height: 0.42667rem;
|
||||
}
|
||||
|
||||
.box .buyBox .tab .act {
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.box .buyBox input {
|
||||
background: #4F00B0;
|
||||
outline: none;
|
||||
width: 2.2rem;
|
||||
height: 0.48rem;
|
||||
border-radius: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
box-sizing: border-box;
|
||||
padding: 0 0.06667rem;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin-top: 0.13333rem;
|
||||
}
|
||||
|
||||
.box .buyBox input::placeholder {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.box .buyBox .buy {
|
||||
width: 1.38667rem;
|
||||
height: 0.58667rem;
|
||||
line-height: 0.61333rem;
|
||||
background: url(../images/buy.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
margin-top: 0.08rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.box ul {
|
||||
text-align: center;
|
||||
height: 3.24rem;
|
||||
overflow-y: scroll;
|
||||
position: absolute;
|
||||
left: 0.77333rem;
|
||||
top: 7.5rem;
|
||||
}
|
||||
|
||||
.box ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box ul li {
|
||||
height: 100%;
|
||||
height: 0.48rem;
|
||||
line-height: 0.48rem;
|
||||
border-radius: 0.48rem;
|
||||
margin-bottom: 0.13333rem;
|
||||
background: linear-gradient(180deg, #2E2B99 0%, #934AEE 100%);
|
||||
border: 0.01333rem solid #FFCDFC;
|
||||
padding: 0 0.26667rem;
|
||||
}
|
||||
|
||||
.box ul li .gift {
|
||||
display: block;
|
||||
width: 0.42667rem;
|
||||
height: 0.42667rem;
|
||||
border-radius: 50%;
|
||||
float: left;
|
||||
margin-right: 0.05333rem;
|
||||
margin-top: 0.02667rem;
|
||||
}
|
||||
|
||||
.box ul li .nick {
|
||||
color: #fff;
|
||||
font-size: 0.26667rem;
|
||||
float: left;
|
||||
margin-right: 0.05333rem;
|
||||
}
|
||||
|
||||
.box ul li .gold {
|
||||
display: block;
|
||||
width: 0.29333rem;
|
||||
height: 0.29333rem;
|
||||
float: left;
|
||||
margin-right: 0.05333rem;
|
||||
margin-top: 0.08rem;
|
||||
}
|
||||
|
||||
.box ul li .num {
|
||||
float: left;
|
||||
color: #fff;
|
||||
margin-right: 0.10667rem;
|
||||
}
|
||||
|
||||
.box ul li b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #FFD95C;
|
||||
font-size: 0.32rem;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.mc {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: #8B37E4;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mc .text {
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: 0.34667rem;
|
||||
}
|
||||
@@ -1,264 +0,0 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// background: rgba(120, 33, 232, .8);
|
||||
background: #8B37E4;
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(750);
|
||||
height: 14.50667rem;
|
||||
background: url(../images/box.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
margin: 0 auto 0;
|
||||
|
||||
.a {
|
||||
position: absolute;
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
width: 1.5rem;
|
||||
text-align: center;
|
||||
color: #4F00B0;
|
||||
height: px2rem(40);
|
||||
line-height: px2rem(40);
|
||||
right: 0;
|
||||
border-radius: px2rem(40) px2rem(0) 0 px2rem(40);
|
||||
text-indent: 0.15rem;
|
||||
font-size: px2rem(23);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.rank {
|
||||
top: 0.8rem;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.rule {
|
||||
top: 1.6rem;
|
||||
}
|
||||
|
||||
.record {
|
||||
top: 2.4rem;
|
||||
}
|
||||
|
||||
.egg {
|
||||
width: px2rem(614);
|
||||
height: px2rem(416);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
top: 5rem;
|
||||
}
|
||||
|
||||
.but {
|
||||
width: 100%;
|
||||
height: px2rem(98);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: absolute;
|
||||
bottom: px2rem(80);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(40);
|
||||
|
||||
img {
|
||||
width: px2rem(152);
|
||||
height: px2rem(98);
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.buyBox {
|
||||
// width: px2rem(576);
|
||||
width: 95%;
|
||||
height: px2rem(56);
|
||||
background: #934DED;
|
||||
position: absolute;
|
||||
bottom: px2rem(0);
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
border-radius: px2rem(30) px2rem(30) 0 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
box-sizing: border-box;
|
||||
padding: px2rem(2) px2rem(15) 0;
|
||||
font-size: px2rem(22);
|
||||
|
||||
.prop {
|
||||
height: 100%;
|
||||
line-height: px2rem(56);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.tab {
|
||||
width: 3rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
background: #4F00B0;
|
||||
height: px2rem(32);
|
||||
border-radius: px2rem(32);
|
||||
line-height: px2rem(32);
|
||||
margin-top: px2rem(12);
|
||||
|
||||
span {
|
||||
text-align: center;
|
||||
width: px2rem(80);
|
||||
height: px2rem(32);
|
||||
background: none;
|
||||
color: rgba(255, 255, 255, 0.5);
|
||||
border-radius: px2rem(32);
|
||||
line-height: px2rem(32);
|
||||
}
|
||||
|
||||
.act {
|
||||
background: rgba(255, 255, 255, 0.6);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
input {
|
||||
background: #4F00B0;
|
||||
outline: none;
|
||||
width: 2.2rem;
|
||||
height: px2rem(36);
|
||||
border-radius: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
box-sizing: border-box;
|
||||
padding: 0 px2rem(5);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
margin-top: px2rem(10);
|
||||
|
||||
&::placeholder {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
}
|
||||
|
||||
.buy {
|
||||
width: px2rem(104);
|
||||
height: px2rem(44);
|
||||
line-height: px2rem(46);
|
||||
background: url(../images/buy.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
text-align: center;
|
||||
margin-top: px2rem(6);
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
// min-width: px2rem(236);
|
||||
text-align: center;
|
||||
height: 3.24rem;
|
||||
overflow-y: scroll;
|
||||
position: absolute;
|
||||
left: px2rem(58);
|
||||
top: 7.5rem;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
height: 100%;
|
||||
height: px2rem(36);
|
||||
line-height: px2rem(36);
|
||||
border-radius: px2rem(36);
|
||||
margin-bottom: px2rem(10);
|
||||
background: linear-gradient(180deg, #2E2B99 0%, #934AEE 100%);
|
||||
border: px2rem(1) solid #FFCDFC;
|
||||
padding: 0 px2rem(20);
|
||||
|
||||
.gift {
|
||||
display: block;
|
||||
width: px2rem(32);
|
||||
height: px2rem(32);
|
||||
border-radius: 50%;
|
||||
float: left;
|
||||
margin-right: px2rem(4);
|
||||
margin-top: px2rem(2);
|
||||
}
|
||||
|
||||
.nick {
|
||||
color: #fff;
|
||||
font-size: px2rem(20);
|
||||
float: left;
|
||||
margin-right: px2rem(4);
|
||||
}
|
||||
|
||||
.gold {
|
||||
display: block;
|
||||
width: px2rem(22);
|
||||
height: px2rem(22);
|
||||
float: left;
|
||||
margin-right: px2rem(4);
|
||||
margin-top: px2rem(6);
|
||||
}
|
||||
|
||||
.num {
|
||||
float: left;
|
||||
color: #fff;
|
||||
margin-right: px2rem(8);
|
||||
}
|
||||
|
||||
b {
|
||||
display: block;
|
||||
float: left;
|
||||
color: #FFD95C;
|
||||
font-size: px2rem(24);
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.mc {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: #8B37E4;
|
||||
display: none;
|
||||
|
||||
.text {
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
font-size: px2rem(26);
|
||||
}
|
||||
}
|
||||
@@ -1,133 +0,0 @@
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
background: #8B37E4;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
.box {
|
||||
width: 10rem;
|
||||
height: 17.72rem;
|
||||
background: url(../images/rankBg.png) no-repeat;
|
||||
background-size: 100% 14.72rem;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.box .tab {
|
||||
width: 6rem;
|
||||
height: 1.06667rem;
|
||||
line-height: 1.06667rem;
|
||||
background: url(../images/tabBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: 2.13333rem auto 0.69333rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.box .tab div {
|
||||
width: 2.98667rem;
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.box .tab .act0 {
|
||||
background: url(../images/left.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box .tab .act1 {
|
||||
background: url(../images/right.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.box ul {
|
||||
width: 100%;
|
||||
padding: 0 0.32rem;
|
||||
box-sizing: border-box;
|
||||
height: 14.4rem;
|
||||
overflow-y: scroll;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.box ul::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.box ul li {
|
||||
width: 100%;
|
||||
height: 1.54667rem;
|
||||
margin-bottom: 0.58667rem;
|
||||
line-height: 1.54667rem;
|
||||
}
|
||||
|
||||
.box ul li .num {
|
||||
width: 0.58667rem;
|
||||
text-align: center;
|
||||
color: #FFFBE3;
|
||||
font-size: 0.42667rem;
|
||||
font-weight: 500;
|
||||
float: left;
|
||||
margin-right: 0.53333rem;
|
||||
}
|
||||
|
||||
.box ul li .tx {
|
||||
width: 1.54667rem;
|
||||
height: 1.54667rem;
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin-right: 0.21333rem;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.box ul li .nick {
|
||||
width: 2.98667rem;
|
||||
color: #fff;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 400;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.box ul li .right {
|
||||
float: right;
|
||||
color: #FFEF41;
|
||||
font-size: 0.37333rem;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.box ul li .right .gold {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.box ul li .right img {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
width: 0.4rem;
|
||||
height: 0.4rem;
|
||||
}
|
||||
@@ -1,139 +0,0 @@
|
||||
@function px2rem($px) {
|
||||
@return $px / 75+rem;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
width: 100%;
|
||||
// background: rgba(120, 33, 232, .8);
|
||||
background: #8B37E4;
|
||||
|
||||
}
|
||||
|
||||
.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);
|
||||
}
|
||||
}
|
||||
|
||||
.box {
|
||||
width: px2rem(750);
|
||||
height: 17.72rem;
|
||||
background: url(../images/rankBg.png) no-repeat;
|
||||
background-size: 100% px2rem(1104);
|
||||
overflow: hidden;
|
||||
|
||||
.tab {
|
||||
width: px2rem(450);
|
||||
height: px2rem(80);
|
||||
line-height: px2rem(80);
|
||||
background: url(../images/tabBg.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
margin: px2rem(160) auto px2rem(52);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
position: relative;
|
||||
z-index: 999;
|
||||
|
||||
div {
|
||||
width: px2rem(224);
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
.act0 {
|
||||
background: url(../images/left.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.act1 {
|
||||
background: url(../images/right.png) no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
width: 100%;
|
||||
padding: 0 px2rem(24);
|
||||
box-sizing: border-box;
|
||||
height: 14.4rem;
|
||||
overflow-y: scroll;
|
||||
margin: 0 auto;
|
||||
|
||||
&::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li {
|
||||
width: 100%;
|
||||
height: px2rem(116);
|
||||
margin-bottom: px2rem(44);
|
||||
line-height: px2rem(116);
|
||||
|
||||
.num {
|
||||
width: px2rem(44);
|
||||
text-align: center;
|
||||
color: #FFFBE3;
|
||||
font-size: px2rem(32);
|
||||
font-weight: 500;
|
||||
float: left;
|
||||
margin-right: px2rem(40);
|
||||
}
|
||||
|
||||
.tx {
|
||||
width: px2rem(116);
|
||||
height: px2rem(116);
|
||||
border-radius: 50%;
|
||||
display: block;
|
||||
margin-right: px2rem(16);
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nick {
|
||||
width: px2rem(224);
|
||||
color: #fff;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 400;
|
||||
float: left;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.right {
|
||||
float: right;
|
||||
color: #FFEF41;
|
||||
font-size: px2rem(28);
|
||||
font-weight: 600;
|
||||
|
||||
.gold {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
display: inline-block;
|
||||
width: px2rem(30);
|
||||
height: px2rem(30);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user