Compare commits

...

19 Commits

Author SHA1 Message Date
dragon
2b7e6e03b6 优化样式 2024-10-11 14:51:50 +08:00
dragon
9891bf533a 优化靓号申请 2024-10-09 13:44:21 +08:00
dragon
56b8a00b92 修复分页排行榜问题 2024-09-30 17:47:14 +08:00
dragon
cdf647b793 改变砸蛋ios传参 2024-09-30 17:21:44 +08:00
dragon
da4ea9537b 优化排行榜样式 2024-09-30 15:57:41 +08:00
dragon
60a487a1aa 修改背景颜色 2024-09-30 15:50:36 +08:00
dragon
642f9ae7c6 新增砸蛋 2024-09-30 15:34:32 +08:00
dragon
4f318a5cab 修复样式异常问题 2024-09-27 19:02:28 +08:00
dragon
090edcbaf2 调整样式 2024-09-27 15:47:31 +08:00
dragon
a923e32a29 修复提现方式异常问题 2024-09-27 14:54:13 +08:00
dragon
70ef4a6086 修改账户文案标题 2024-09-27 14:49:47 +08:00
dragon
63d5fb3e43 新增优化样式 2024-09-27 12:01:24 +08:00
dragon
0027331d6d 调整样式 2024-09-26 18:01:35 +08:00
dragon
d36dbd7d09 修复提现bug 2024-09-26 17:34:48 +08:00
dragon
bb442ae251 完成提现需求公会 2024-09-26 11:32:09 +08:00
dragon
273361001e 暂存 2024-09-26 10:31:50 +08:00
dragon
f1cf5ccdba 提现暂存 2024-09-26 10:31:50 +08:00
dragon
77a3bea3ef 修改隐私政策 2024-09-25 21:47:08 +08:00
dragon
07db8f5c66 修改隐私政策 2024-09-25 21:11:05 +08:00
56 changed files with 4986 additions and 62 deletions

View File

@@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bank</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/BANK.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back3.png" alt="">
<b class="">Bank</b>
</div>
<!-- 账户信息 -->
<div class="box currencyType">
<input type="text" disabled placeholder="Currency Type:USD">
<!-- <img src="./images/right.png" alt="" class="right"> -->
</div>
<p class="p "><span>*</span> <b class="p1"></b></p>
<div class="box country">
<input type="text" readonly placeholder="Country" class="text5">
<img src="./images/right.png" alt="" class="right">
</div>
<p class="p "><span>*</span> <b class="p2"></b></p>
<div class="box payeeAccountNo">
<input type="text" placeholder="payeeAccountNo" class="text6">
</div>
<p class="p "><span>*</span> <b class="p3"></b></p>
<div class="box bankName">
<input type="text" placeholder="Bank Name" class="text7"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
<p class="p "><span>*</span> <b class="p4"></b></p>
<div class="box sWIFTCode">
<input type="text" placeholder="SWIFT Code" class="text8"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
<p class="p 5"><span>*</span> <b class="p5"></b></p>
<div class="box payeeName">
<input type="text" placeholder="payeeName" class="text9"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
<p class="p "><span>*</span> <b class="p6"></b></p>
<div class="box Address">
<input type="text" placeholder="Address" class="text10"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
<!-- 按钮 -->
<div class="but">
<!-- 确认按钮 -->
<div class="ok text1"></div>
<!-- 解绑按钮 -->
<div class="determine text2"></div>
</div>
<!-- 选择弹窗 -->
<div class="pub">
<div class="pub_in">
<div class="title text3"></div>
<div class="soure text4"></div>
<div class="countryPub"></div>
</div>
</div>
<div class="null"></div>
</body>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./js/BANK.js"></script>
<script src="../../common/local/langHandler.js"></script>
</html>

View File

@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title class="text1"></title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/BANK.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back3.png" alt="">
<b class="text1"></b>
</div>
<!-- 账户信息 -->
<div class="box currencyType">
<input type="text" disabled placeholder="Currency Type:USD" class="text6">
<!-- <img src="./images/right.png" alt="" class="right"> -->
</div>
<p class="p "><span>*</span> <b class="p1"></b></p>
<div class="box country">
<input type="text" readonly placeholder="Country" class="text7">
<img src="./images/right.png" alt="" class="right">
</div>
<p class="p "><span>*</span> <b class="p7"></b></p>
<div class="box payeeAccountNo">
<input type="text" placeholder="payeeAccountNo" class="text8">
</div>
<p class="p 5"><span>*</span> <b class="p5"></b></p>
<div class="box payeeName">
<input type="text" placeholder="payeeName" class="text9"
onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'')">
</div>
<!-- 按钮 -->
<div class="but">
<!-- 确认按钮 -->
<div class="ok text2"></div>
<!-- 解绑按钮 -->
<div class="determine text3"></div>
</div>
<!-- 选择弹窗 -->
<div class="pub">
<div class="pub_in">
<div class="title text4"></div>
<div class="soure text5"></div>
<div class="countryPub"></div>
</div>
</div>
</body>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./js/PAYONNER.js"></script>
<script src="../../common/local/langHandler.js"></script>
</html>

View File

@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>USDT</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/BANK.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back3.png" alt="">
<b class="text2">USDT</b>
</div>
<!-- 账户信息 -->
<div class="box currencyType">
<span></span>
<input type="text" disabled placeholder="Currency Type:USD">
<!-- <img src="./images/right.png" alt="" class="right"> -->
</div>
<div class="box country">
<span>*</span>
<input type="text" readonly placeholder="Country">
<img src="./images/right.png" alt="" class="right">
</div>
<div class="box payeeAccountNo">
<span>*</span>
<input type="text" placeholder="payeeAccountNo">
</div>
<!-- 按钮 -->
<div class="but">
<!-- 确认按钮 -->
<div class="ok">Confirm</div>
<!-- 解绑按钮 -->
<div class="determine">Determine</div>
</div>
<!-- 选择弹窗 -->
<div class="pub">
<div class="pub_in">
<div class="title">Country</div>
<div class="soure">OK</div>
<div class="countryPub">asdasdasd</div>
</div>
</div>
</body>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./js/USDT.js"></script>
<script src="../../common/local/langHandler.js"></script>
</html>

View File

@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title class="">Vodafone</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/BANK.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back3.png" alt="">
<b class="">Vodafone</b>
</div>
<!-- 账户信息 -->
<div class="box currencyType">
<input type="text" disabled placeholder="Currency Type:USD">
<!-- <img src="./images/right.png" alt="" class="right"> -->
</div>
<p class="p "><span>*</span> <b class="p1"></b></p>
<div class="box country">
<input type="text" readonly placeholder="Country" class="text7">
<img src="./images/right.png" alt="" class="right" >
</div>
<p class="p "><span>*</span> <b class="p2"></b></p>
<div class="box payeeAccountNo">
<input type="text" placeholder="payeeAccountNo" class="text8">
</div>
<!-- 按钮 -->
<div class="but">
<!-- 确认按钮 -->
<div class="ok text2">Confirm</div>
<!-- 解绑按钮 -->
<div class="determine text3">Determine</div>
</div>
<!-- 选择弹窗 -->
<div class="pub">
<div class="pub_in">
<div class="title text4">Country</div>
<div class="soure text5">OK</div>
<div class="countryPub"></div>
</div>
</div>
</body>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./js/VODAFONE.js"></script>
<script src="../../common/local/langHandler.js"></script>
</html>

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 438 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 856 B

View File

@@ -0,0 +1,221 @@
const urlData = getQueryString();
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
var langReplace;
var localLang;
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var fields = {};
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back img').click(() => {
window.history.back();
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
get()
}, 100);
});
function translateFun() {
langReplace = window.lang.replace;
localLang = window.lang;
$('.text1').text(langReplace(localLang.bank.text1));
$('.text2').text(langReplace(localLang.bank.text2));
$('.text3').text(langReplace(localLang.bank.text3));
$('.text4').text(langReplace(localLang.bank.text4));
$('.text5').attr('placeholder', langReplace(localLang.bank.text5));
$('.text6').attr('placeholder', langReplace(localLang.bank.text6));
$('.text7').attr('placeholder', langReplace(localLang.bank.text7));
$('.text8').attr('placeholder', langReplace(localLang.bank.text8));
$('.text9').attr('placeholder', langReplace(localLang.bank.text9));
$('.text10').attr('placeholder', langReplace(localLang.bank.text10));
$('.p1').text(langReplace(localLang.pTitle.p1));
$('.p2').text(langReplace(localLang.pTitle.p2));
$('.p3').text(langReplace(localLang.pTitle.p3));
$('.p4').text(langReplace(localLang.pTitle.p4));
$('.p5').text(langReplace(localLang.pTitle.p5));
$('.p6').text(langReplace(localLang.pTitle.p6));
}
// 获取
function get() {
showLoading();
networkRequest({
type: "GET",
url: urlPrefix + "/guild/usd/withdrawAccount/get",
data: { type: getQueryString().type },
success: function (res) {
if (res.code == 200) {
// 回显数据
$('.currencyType input').val(langReplace(localLang.payonner.text6) + res.data.currency);
fields = res.data.fields;
if (fields.country == '') {
$('.but .determine').hide();
$('.but .ok').show();
$('.box input').attr('disabled', false)
} else {
$('.but .determine').show();
$('.but .ok').hide();
$('.box input').attr('disabled', true)
}
$('.currencyType input').attr('disabled', true)
$('.country input').val(fields.country);
$('.payeeAccountNo input').val(fields.bank_account);
$('.bankName input').val(fields.bank_name);
$('.sWIFTCode input').val(fields.swift_code);
$('.payeeName input').val(fields.full_name);
$('.Address input').val(fields.address);
// 渲染国家
$('.pub .pub_in .countryPub').remove();
var str = '';
res.data.countryOptionalList.forEach(res => {
str += `
<div country='${res.value}' name="${res.name}" class="countryPub">${res.name}</div>
`
})
$('.pub .pub_in').append(str);
} else {
toastMsg(res.message);
}
hideLoading(layerIndex);
},
error: function (res) {
console.log(res, "报错啦");
hideLoading(layerIndex);
},
});
}
// 选择国家
$('.country').click(function () {
$('.pub').show();
})
// 关闭选择国家
$('.pub').click(function (params) {
$('.pub').hide();
})
// 选中国家
var nameval;
$('.pub .pub_in').on('click', '.countryPub', function (params) {
$(this).addClass('act').siblings().removeClass('act');
nameval = $(this).attr('name');
var country = $(this).attr('country');
fields.country = country;
return false;
})
// 确认选中国家
$('.pub .pub_in .soure').click(function (params) {
$('.country input').val(nameval);
$('.pub').hide();
})
// 确认绑定按钮
$('.but .ok').click(function (params) {
console.log(fields);
var obj = {}
obj.country = fields.country;
obj.bank_account = $('.payeeAccountNo input').val();
obj.bank_name = $('.bankName input').val();
obj.swift_code = $('.sWIFTCode input').val();
obj.full_name = $('.payeeName input').val();
obj.address = $('.Address input').val();
if (obj.country && obj.bank_account && obj.bank_name && obj.swift_code && obj.full_name && obj.address != '') {
fields = obj;
var objJson = {
uid: pubInfo.uid,
type: getQueryString().type,
fields,
}
update(JSON.stringify(objJson));
} else {
toastMsg(langReplace(localLang.payonner.text10));
}
})
// 绑定更新信息
function update(obj) {
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/bound",
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {
if (res.code == 200) {
get();
toastMsg('success');
location.href = './salary_account.html'
} else {
toastMsg(res.message);
}
hideLoading(layerIndex);
},
error: function (res) {
hideLoading(layerIndex);
},
});
}
// 解绑
$('.but .determine').click(function () {
var objJson = {
uid: pubInfo.uid,
type: getQueryString().type,
}
unbound(JSON.stringify(objJson));
})
// 解绑
function unbound(obj) {
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/unbound",
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {
if (res.code == 200) {
get();
toastMsg('success');
} else {
toastMsg(res.message);
}
hideLoading(layerIndex);
},
error: function (res) {
hideLoading(layerIndex);
},
});
}

View File

@@ -0,0 +1,212 @@
const urlData = getQueryString();
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
var langReplace;
var localLang;
const showLoading = (content = langReplace(localLang.demoModule.layerIndex1)) => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = langReplace(localLang.demoModule.layerIndex2), time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var fields = {};
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back img').click(() => {
window.history.back();
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
get()
}, 100);
});
function translateFun() {
langReplace = window.lang.replace;
localLang = window.lang;
$('.text1').text(langReplace(localLang.payonner.text1));
$('.text2').text(langReplace(localLang.payonner.text2));
$('.text3').text(langReplace(localLang.payonner.text3));
$('.text4').text(langReplace(localLang.payonner.text4));
$('.text5').text(langReplace(localLang.payonner.text5));
$('.text6').attr('placeholder', langReplace(localLang.payonner.text6));
$('.text7').attr('placeholder', langReplace(localLang.payonner.text7));
$('.text8').attr('placeholder', langReplace(localLang.pTitle.p7));
$('.text9').attr('placeholder', langReplace(localLang.payonner.text9));
$('.p1').text(langReplace(localLang.pTitle.p1));
$('.p7').text(langReplace(localLang.pTitle.p7));
$('.p5').text(langReplace(localLang.pTitle.p5));
}
// 获取
function get() {
showLoading();
networkRequest({
type: "GET",
url: urlPrefix + "/guild/usd/withdrawAccount/get",
data: { type: getQueryString().type },
success: function (res) {
if (res.code == 200) {
// 回显数据
$('.currencyType input').val(langReplace(localLang.payonner.text6) + res.data.currency);
fields = res.data.fields;
if (fields.country == '') {
$('.but .determine').hide();
$('.but .ok').show();
$('.box input').attr('disabled', false)
} else {
$('.but .determine').show();
$('.but .ok').hide();
$('.box input').attr('disabled', true)
}
$('.currencyType input').attr('disabled', true)
$('.country input').val(fields.country);
$('.payeeAccountNo input').val(fields.bank_account);
$('.payeeName input').val(fields.full_name);
// 渲染国家
$('.pub .pub_in .countryPub').remove();
var str = '';
res.data.countryOptionalList.forEach(res => {
str += `
<div country='${res.value}' name="${res.name}" class="countryPub">${res.name}</div>
`
})
$('.pub .pub_in').append(str);
} else {
toastMsg(res.message);
}
hideLoading(layerIndex);
},
error: function (res) {
console.log(res, "报错啦");
hideLoading(layerIndex);
},
});
}
// 选择国家
$('.country').click(function () {
$('.pub').show();
})
// 关闭选择国家
$('.pub').click(function (params) {
$('.pub').hide();
})
// 选中国家
var nameTitle
$('.pub .pub_in').on('click', '.countryPub', function name(params) {
$(this).addClass('act').siblings().removeClass('act');
nameTitle = $(this).attr('name');
var country = $(this).attr('country');
fields.country = country;
return false;
})
// 确认选中国家
$('.pub .pub_in .soure').click(function name(params) {
$('.country input').val(nameTitle);
$('.pub').hide();
})
// 确认绑定按钮
$('.but .ok').click(function (params) {
console.log(fields);
var obj = {}
obj.country = fields.country;
obj.bank_account = $('.payeeAccountNo input').val();
obj.full_name = $('.payeeName input').val();
if (obj.country && obj.bank_account && obj.full_name) {
fields = obj;
var objJson = {
uid: pubInfo.uid,
type: getQueryString().type,
fields,
}
update(JSON.stringify(objJson));
} else {
toastMsg(langReplace(localLang.payonner.text10));
}
})
// 绑定更新信息
function update(obj) {
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/bound",
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {
if (res.code == 200) {
get();
toastMsg('success');
location.href = './salary_account.html'
} else {
toastMsg(res.message);
}
hideLoading(layerIndex);
},
error: function (res) {
hideLoading(layerIndex);
},
});
}
// 解绑
$('.but .determine').click(function () {
var objJson = {
uid: pubInfo.uid,
type: getQueryString().type,
}
unbound(JSON.stringify(objJson));
})
// 解绑
function unbound(obj) {
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/unbound",
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {
if (res.code == 200) {
get();
toastMsg('success');
} else {
toastMsg(res.message);
}
hideLoading(layerIndex);
},
error: function (res) {
hideLoading(layerIndex);
},
});
}

View File

@@ -0,0 +1,206 @@
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);
},
});
}

View File

@@ -98,8 +98,10 @@ function getData() {
list.forEach(item => {
// tradeType 1 收入 2支出
// if (item.tradeType == 1) {
str += `<li>
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>

View File

@@ -46,6 +46,9 @@ var transfer_dollars_ArrType;
var typeTabType = '';
var ratio;
var usGold;
var accountListName;
var accountObj = {};
var withdrawRate;
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
@@ -90,6 +93,21 @@ $(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
@@ -129,6 +147,20 @@ 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
@@ -175,6 +207,7 @@ 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];
// 处理方式
@@ -207,13 +240,15 @@ 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">
<div class="pop" style="display:none">
${langReplace(localLang.salary.text21)}
</div>
</li>
@@ -225,7 +260,7 @@ function typeTabFun(type) {
<img src="./images/dollar.png" class="dollar" alt="">
<e>${langReplace(localLang.salary.text22)}</e>
</p>
<div class="pop">
<div class="pop" style="display:none">
${langReplace(localLang.salary.text21)}
</div>
</li>
@@ -249,6 +284,7 @@ function typeTabFun(type) {
}
// 处理金额
function dollarsFun(type) {
$('.withdrawalAccount').hide();
$('.transfer_dollars li').remove();
var str2 = '';
if (transfer_dollars_Arr[type].canCustom) {
@@ -268,6 +304,9 @@ 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}>
@@ -350,6 +389,12 @@ $('.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');
@@ -458,6 +503,26 @@ 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,
@@ -467,6 +532,26 @@ 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()
@@ -478,7 +563,12 @@ 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)}`
}
} else {
toastMsg(res.message)
}
@@ -490,3 +580,33 @@ function operate(obj) {
}
})
}
// 打开账户按钮
$('.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();
})

View File

@@ -225,11 +225,28 @@ langAr = {
text18: `(نسبة التبادل 1:<b>7000</b>)`,
text19: `تبادل العملات`,
text20: `السحب الرسمي`,
text21: `يمكن التسوية في الأول و 16 من كل شهر`,
text21: `تفتح قناة السحب في اليومين الأول والثاني من كل شهر.`,
text22: `تسوية الوكيل`,
text23: `تسوية وكلاء الشحن`,
text24: `يرجى إدخال المبلغ المراد استرداده`,
text25: `عملات`
text25: `عملات`,
textnew1: `حساب السحب`,
textnew2: `غير مرتبط`,
textnew3: `اختر الحساب`,
textnew4: `سحب`,
textnew5: `مبلغ السحب`,
textnew6: `معدل رسوم المعالجة`,
textnew7: `رسوم المعالجة`,
textnew8: `سعر الصرف من الدولار الأمريكي إلى الجنيه المصري: 1:`,
textnew9: `المبلغ المقدر`,
textnew10: `ملاحظة: قد يتأثر المبلغ المتوقع الوصول بسعر صرف البنك وما إلى ذلك.`,
textnew11: `سحب`,
textnew12: `إلغاء`,
textnew13: `يرجى اختيار حساب السحب`,
textnew14: `أكثر من الحد الأقصى للمبلغ القابل للتحويل.`,
textnew15: `نجاح`,
textnew16: `وقت معالجة طلبات السحب يكون من اليوم الثالث إلى العاشر من كل شهر.`,
textnew17: `موافق`,
},
bill: {
text1: `الفاتورة`,
@@ -241,6 +258,9 @@ langAr = {
text7: `تحويل الراتب إلى عملات`,
text8: `تحويل الراتب`,
text9: `راتب الوكيل`,
text10: `قيد المراجعة`,
text11: `تم الإصدار`,
text12: `مرفوض`,
},
success: {
text1: `التسوية ناجحة`,
@@ -259,5 +279,38 @@ 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: `حساب المستلم (صيغة البريد الإلكتروني)`,
}
}

View File

@@ -222,12 +222,29 @@ 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: `Official withdraw`,
text21: `Settlement available on the 1st and 16th of each month`,
text20: `Withdraw`,
text21: `The withdrawal channel opens on the 1st and 2nd of every 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`,
@@ -239,6 +256,10 @@ langEn = {
text7: `Salary exchange for coins`,
text8: `Salary transfer`,
text9: `Agent salary`,
text10: `In Review `,
text11: `Issued`,
text12: `Rejected`,
text13: ``,
},
success: {
text1: `Settlement successful`,
@@ -258,4 +279,37 @@ 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)`,
}
}

View File

@@ -226,11 +226,28 @@ langZh = {
text18: `(兌換比例為 1:<b>7000</b>)`,
text19: `兌換硬幣`,
text20: `官方提現`,
text21: `每月的 1 日和 16 日可結算`,
text21: `提款通道每月1日和2日開放。`,
text22: `代理結算`,
text23: `充值代理結算`,
text24: `請輸入要贖回的金額`,
text25: `金幣`
text25: `金幣`,
textnew1: `提款賬戶`,
textnew2: `未綁定`,
textnew3: `選擇賬戶`,
textnew4: `提款`,
textnew5: `提款金額`,
textnew6: `手續費率`,
textnew7: `手續費`,
textnew8: `美元兌埃及鎊匯率1`,
textnew9: `預估金額`,
textnew10: `注意:預估到賬金額可能會受銀行匯率等影響。`,
textnew11: `提款`,
textnew12: `取消`,
textnew13: `請選擇提款賬戶`,
textnew14: `超過最大可轉賬金額。`,
textnew15: `成功`,
textnew16: `提款申請的處理時間為每月3日至10日。`,
textnew17: `確定`,
},
bill: {
text1: `賬單`,
@@ -242,6 +259,9 @@ langZh = {
text7: `薪資兌換為硬幣`,
text8: `薪資轉賬`,
text9: `代理薪資`,
text10: `審核中`,
text11: `已發放`,
text12: `已拒絕`,
},
success: {
text1: `結算成功`,
@@ -261,4 +281,37 @@ 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: `收款人賬號(電子郵件格式)`,
}
}

View File

@@ -70,6 +70,12 @@
</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>
@@ -157,6 +163,58 @@
</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>

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,257 @@
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;
}

View File

@@ -0,0 +1,264 @@
@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);
}
}

View File

@@ -0,0 +1,133 @@
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;
}

View File

@@ -0,0 +1,139 @@
@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);
}
}
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 83 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 873 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>歡樂砸蛋</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<!-- 容器 -->
<div class="box">
<!-- 排行榜 -->
<div href="" class="a rank">排行榜</div>
<!-- 遊戲規則 -->
<div href="https://api.molistar.xyz/molistar/modules/rule/newWishingWellRule.html" class="a rule">遊戲規則</div>
<!-- 獲獎記錄 -->
<div href="https://api.molistar.xyz/molistar/modules/rank/index.html#/newWishingWellRecord" class="a record">
獲獎記錄
</div>
<!---->
<img src="./images/egg.png" alt="" class="egg">
<!-- 抽獎按鈕 -->
<div class="but">
<img src="./images/but1.png" alt="" num="1">
<img src="./images/but10.png" alt="" num="10">
<img src="./images/but100.png" alt="" num="100">
<img src="./images/but200.png" alt="" num="200">
</div>
<!-- 購買 -->
<div class="buyBox">
<div class="prop">
<span>我的道具: <b>0</b></span>
</div>
<div class="tab">
<span class="act">1</span>
<span>10</span>
<span>100</span>
</div>
<input type="number" placeholder="自定義購買">
<div class="buy">購買</div>
</div>
<!-- 獲獎提示 -->
<ul>
<!-- <li>
<img src="" alt="" class="gift">
<div class="nick">禮物昵稱</div>
<img src="./images/gold.png" alt="" class="gold">
<div class="num">100</div>
<b>X1</b>
</li> -->
</ul>
</div>
<!-- 蒙层 -->
<div class="mc">
<div class="text"></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="../../common/js/svga.min.js"></script>
<script src="./js/index.js"></script>

View File

@@ -0,0 +1,198 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = "加載中...") => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = "操作完成", time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var buyNum = 1;//預設購買數量
var ticketNum = 0;//道具數量
// 初始化函數
$(function () {
getInfoFromClient();
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back img').click(() => {
if (browser.android) {
window.androidJsObj.closeWebView()
} else {
window.webkit.messageHandlers.closeWebView.postMessage(null)
}
})
showLoading()
getConfig();
}, 100)
})
// 處理SVGA
document.addEventListener('DOMContentLoaded', function () {
// function loadSVGA(containerId, svgaPath) {
// var container = document.getElementById(containerId);
// var player = new SVGA.Player(container);
// var parser = new SVGA.Parser();
// parser.load(svgaPath, function (videoItem) {
// player.setVideoItem(videoItem);
// player.startAnimation();
// });
// }
// loadSVGA('xz1', './svga/xz1.svga');
// loadSVGA('xz2', './svga/xz2.svga');
// loadSVGA('ts1', './svga/1.svga');
// loadSVGA('ts2', './svga/23.svga');
// loadSVGA('ts3', './svga/23.svga');
// loadSVGA('lsls', './svga/lsls.svga');
// loadSVGA('kt', './svga/kt.svga');
// loadSVGA('kt2', './svga/kt.svga');
});
// 配置接口
function getConfig() {
networkRequest({
type: 'get',
url: urlPrefix + '/findLove/user',
success(res) {
if (res.code === 200) {
ticketNum = res.data.ticketNum;
$('.box .buyBox .prop b').text(ticketNum);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg("網路錯誤")
}
})
}
// 購買數量切換
$('.box .buyBox .tab span').click(function () {
buyNum = Number($(this).text());
$(this).addClass('act').siblings().removeClass('act');
})
// 購買道具接口
function buyTicket(num) {
showLoading()
networkRequest({
type: 'post',
url: urlPrefix + '/findLove/buyTicket',
data: {
num,
},
success(res) {
if (res.code === 200) {
toastMsg('購買成功~');
getConfig();
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg("網路錯誤")
}
})
}
// 購買按鈕
$('.box .buyBox .buy').click(function () {
var num;
var inputNum = $('.box .buyBox input').val();
if (inputNum == "") {
num = buyNum;
} else {
num = inputNum;
}
buyTicket(num);
})
// 抽獎接口
function draw(num) {
$('.box ul li').remove();
networkRequest({
type: 'post',
url: urlPrefix + '/findLove/draw',
data: {
deviceId: pubInfo.deviceInfo.deviceId,
sendMessage: 1,
roomUid: browser.ios ? '7562632' : pubInfo.roomUid,
num,
},
success(res) {
if (res.code === 200) {
var str = ''
res.data.forEach(res => {
str += `
<li>
<img src="${res.picUrl}" alt="" class="gift">
<div class="nick">${res.rewardName}</div>
<img src="./images/gold.png" alt="" class="gold">
<div class="num">${res.diamonds}</div>
<b>X${res.num}</b>
</li>
`
})
$('.box ul').append(str);
getConfig();
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg("網路錯誤")
}
})
}
// 抽獎按鈕
$('.box .but img').click(function () {
var num = $(this).attr('num');
console.log(pubInfo);
if (ticketNum >= num) {
draw(num);
} else {
toastMsg('道具不足~');
}
})
$('.rank').click(function () {
location.href = './rank.html'
})
$('.rule').click(function () {
location.href = urlPrefix + '/molistar/modules/rule/newWishingWellRule.html'
})
$('.record').click(function () {
location.href = urlPrefix + '/molistar/modules/rank/index.html#/newWishingWellRecord'
})

View File

@@ -0,0 +1,115 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
if (env == 'test') {
new VConsole();
}
// 封裝layer消息提醒框
let layerIndex
const showLoading = (content = "加載中...") => {
layer.open({
type: 2,
shadeClose: false,
content,
success(e) {
layerIndex = $(e).attr('index')
}
})
}
const hideLoading = (index) => {
layer.close(index)
}
const toastMsg = (content = "操作完成", time = 2) => {
layer.open({
content,
time,
skin: 'msg'
})
}
var page = 1;
var type = 1;
var lock = true;
// 初始化函數
$(function () {
getInfoFromClient();
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back img').click(() => {
history.back();
})
rank(type, page);
}, 100)
})
// 配置接口
function rank(type, page) {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/findLove/rank',
data: { type, page, pageSize: 20 },
success(res) {
if (res.code === 200) {
var str = '';
if (res.data.length == 0) {
lock = false;
} else {
res.data.forEach(res => {
str += `
<li>
<div class="num">${res.ranking}</div>
<img src="${res.avatar}" alt="" class="tx">
<div class="nick">${res.nick}</div>
<div class="right">
<div class="gold">${res.diamonds}</div>
<img src="./images/gold.png" alt="" class="goldIcon">
</div>
</li>
`
})
$('.box ul').append(str);
lock = true;
}
} else {
lock = true;
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
lock = true;
hideLoading(layerIndex)
toastMsg("網路錯誤")
}
})
}
// 切換
$('.box .tab div').click(function () {
$('.box ul li').remove()
var i = $(this).index();
$('.box .tab div').removeClass('act0').removeClass('act1');
$(this).addClass(`act${i}`);
page = 1;
type = i + 1;
rank(type, page);
})
//檢測是否到達底部
$("ul").scroll(function () {
var divHeight = $(this).height();
var nScrollHeight = $(this)[0].scrollHeight;
var nScrollTop = $(this)[0].scrollTop;
if (nScrollTop + divHeight + 50 >= nScrollHeight) {
if (lock) {
page++;
lock = false;
rank(type, page)
}
}
});

View File

@@ -0,0 +1,36 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>排行榜</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/rank.css">
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/back.png" alt="">
</div>
<div class="box">
<div class="tab">
<div class="act0">今日榜單</div>
<div class="">昨日榜單</div>
</div>
<ul>
</ul>
</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="../../common/js/svga.min.js"></script>
<script src="./js/rank.js"></script>

View File

@@ -259,8 +259,13 @@ body {
background-size: 100% 100%;
}
.arabic .header .rule_icon {
text-align: unset;
}
.arabic .tetxBox {
padding: 0.4rem 1.65333rem;
font-size: 0.42667rem;
}
.arabic .my .name {

View File

@@ -265,9 +265,12 @@ body {
background: url(../images/header-ar.png) no-repeat;
background-size: 100% 100%;
}
.header .rule_icon{
text-align: unset;
}
.tetxBox {
padding: 0.4rem 1.65333rem;
font-size: px2rem(32);
}
.my .name {

View File

@@ -70,7 +70,7 @@ body {
.data {
width: 100%;
height: 16.46667rem;
height: 14.46667rem;
box-sizing: border-box;
padding: 2.88rem 0.4rem 0;
overflow-y: scroll;
@@ -161,3 +161,11 @@ body {
background: url(../images/selButOk.png) no-repeat;
background-size: 100% 100%;
}
.arabic .data .box .mp {
text-indent: -0.8rem;
}
.arabic .data .box b .highlight {
float: left;
}

View File

@@ -75,7 +75,7 @@ body {
.data {
width: 100%;
// height: px2rem(1010);
height: 16.46667rem;
height: 14.46667rem;
box-sizing: border-box;
padding: px2rem(216) px2rem(30) 0;
overflow-y: scroll;
@@ -167,3 +167,11 @@ body {
background: url(../images/selButOk.png) no-repeat;
background-size: 100% 100%;
}
.arabic{
.data .box .mp{
text-indent: -0.8rem;
}
.data .box b .highlight{
float: left;
}
}

View File

@@ -94,7 +94,6 @@ function getConfig() {
// 20级
if (res.data.hasPrettyNum) {// 是否有靓号
$('.my .sid b').text(`${res.data.erbanNo}`);
// $('.my .sid b').css('color', '#20DF5F');
$('.my .text').text(`${langReplace(localLang.demoModule.text9)}`);
if (!res.data.applySign) {// 30天内有申请
$('.my .text').hide();
@@ -131,6 +130,8 @@ function getConfig() {
if (res.data.applySign) {// 30天内有申请
// $('.my .text').hide();
// $('.sidBox').hide()
$('.my .sid b').text(langReplace(localLang.demoModule.text99));
$('.my .sid b').css('color', '#20DF5F');
} else {
if (res.data.examimeStatus == 1) {//审核成功
if (!res.data.applySign) {// 30天内有申请

View File

@@ -14,6 +14,7 @@ langAr = {
text7: `يرجى اختيار 1~3 أرقام`,
text8: `بحث عن SID`,
text9: `يمكنك تغيير SID الخاص بك الآن.`,
text99: `متاح`,
text10: `عذرًا، لا يمكنك تغيير SID الخاص بك الآن.`,
text11: `قيد المراجعة`,
text12: `غير متوفر`,

View File

@@ -12,6 +12,7 @@ langEn = {
text7: `Please choose 1~3 number`,
text8: `Search SID`,
text9: `You can change your SID right now.`,
text99: `Available`,
text10: `Sorry, You cannot change Your SID now`,
text11: `In Review`,
text12: `Unavailable`,

View File

@@ -14,6 +14,7 @@ langZh = {
text7: `请选择1~3个数字`,
text8: `搜索SID`,
text9: `您现在可以更改您的SID。`,
text99: `可用`,
text10: `对不起您现在不能更改您的SID。`,
text11: `审核中`,
text12: `不可用`,