公会新增 - 区分游戏薪资和钻石薪资

This commit is contained in:
2025-08-04 17:49:55 +08:00
parent a4343491a1
commit 753e552416
43 changed files with 5412 additions and 629 deletions

View File

@@ -65,7 +65,6 @@
<!-- 时间选择器 -->
<div class="timeBox">
<div class="timeBox_in">
<div class="title title_date"></div>
<div class="but Confirm"></div>
<ul></ul>
</div>

View File

@@ -0,0 +1,130 @@
<!DOCTYPE html>
<html lang="ar">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title class="Game_salary"></title>
<!-- 公会首页 -->
<link rel="stylesheet" href="../../common/css/reset.css" />
<link rel="stylesheet" href="./css/GameIncome.css?v1.113" />
</head>
<body>
<!-- 頂部返回 -->
<div class="back">
<img src="./images/travel/backB.png" alt="" class="backs" />
<p class="Game_salary">666</p>
</div>
<div class="user_info">
<div class="avatar"><img src="" alt="" /></div>
<div class="info">
<div class="nick"></div>
<div class="erbanNo"></div>
</div>
</div>
<div class="salary_num">
<span class="Game_salary"></span>:<span class="num"></span>
</div>
<div class="Enter_account"></div>
<div class="info_salary">
<div class="title">
<span class="xian"></span>
<span class="txt Game_salary"></span>
<div class="time_box">
<span class="time"></span>
<img src="./images/travel/arrow_down.png" alt="" />
</div>
</div>
<div class="content_box">
<div class="felx_box">
<span class="Received_salary"></span>
<span class="receivedSalary"></span>
</div>
<div class="felx_box">
<span class="Game_name"></span>
<span class="num">Ludo</span>
</div>
<div class="felx_box">
<span class="Game_Times"></span>
<span class="totalPlayGameNum"></span>
</div>
</div>
</div>
<div class="Daily_dataBox">
<div class="title">
<span class="xian"></span>
<span class="txt Daily_data"></span>
</div>
<div class="content_list">
<div class="content_box">
<div class="felx_box">
<span class="creat_time">2025-04-10</span>
<div class="Go_game"></div>
</div>
<div class="felx_box">
<span class="Salary"></span>
<span class="num">200</span>
</div>
<div class="felx_box">
<span class="Game_name"></span>
<span class="num">200</span>
</div>
<div class="felx_box">
<span class="Game_Times"></span>
<span class="num">200</span>
</div>
</div>
<div class="content_box">
<div class="felx_box">
<span class="creat_time">2025-04-10</span>
<div class="Receive Expired_btn"></div>
</div>
<div class="felx_box">
<span class="Salary"></span>
<span class="num">200</span>
</div>
<div class="felx_box">
<span class="Game_name"></span>
<span class="num">200</span>
</div>
<div class="felx_box">
<span class="Game_Times"></span>
<span class="num">200</span>
</div>
</div>
</div>
</div>
<!-- 时间选择器 -->
<div class="timeBox">
<div class="timeBox_in">
<div class="title title_date"></div>
<div class="but Confirm"></div>
<ul></ul>
</div>
</div>
<!-- 弹窗 -->
<div class="popup_tip">
<div class="popup_content">
<div class="title Received_successfully"></div>
<div class="content"></div>
<div class="Enter_account"></div>
<div class="tip_btn Confirm">3333</div>
</div>
</div>
</body>
</html>
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./local/br.js"></script>
<script src="./local/tr.js"></script>
<script src="./js/GameIncome.js?v=1.1"></script>
<script src="../../common/local/langHandler.js"></script>

View File

@@ -112,7 +112,7 @@ body {
font-size: 0.4266666667rem;
font-weight: 500;
text-align: center;
background: #04D5C6;
background: #C859FF;
margin: 0 0.1466666667rem;
}
.but .determine {
@@ -164,7 +164,7 @@ body {
}
.pub .pub_in .soure, .pub_type .pub_in .soure {
z-index: 2;
color: #04D5C6;
color: #C859FF;
font-size: 0.4266666667rem;
font-weight: 500;
position: absolute;

View File

@@ -124,7 +124,7 @@ body {
font-size: px2rem(32);
font-weight: 500;
text-align: center;
background: #04D5C6;
background: #C859FF;
margin: 0 px2rem(11);
}
@@ -179,7 +179,7 @@ body {
.soure {
z-index: 2;
color: #04D5C6;
color: #C859FF;
font-size: px2rem(32);
font-weight: 500;
position: absolute;

View File

@@ -0,0 +1,466 @@
@charset "UTF-8";
body,
html {
width: 100%;
background: #ffffff;
}
.back {
width: 100%;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
position: fixed;
left: 0;
top: 0;
padding-top: 1.4666666667rem;
padding-bottom: 0.2933333333rem;
text-align: center;
color: #FFFFFF;
font-size: 0.5066666667rem;
font-weight: bold;
z-index: 10;
background: #FFFFFF;
}
.back img {
width: 0.5866666667rem;
height: 0.5866666667rem;
position: absolute;
left: 0.24rem;
}
.back p {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 0.4266666667rem;
color: #313131;
text-align: center;
font-style: normal;
text-transform: none;
}
.user_info {
margin: 2.4rem 0.4266666667rem 0;
background: #F2F3F7;
border-radius: 0.2133333333rem;
padding: 0.32rem 0.5333333333rem;
display: flex;
align-items: center;
}
.user_info .avatar img {
width: 1.4666666667rem;
height: 1.4666666667rem;
border-radius: 50%;
}
.user_info .info {
margin: 0 0.32rem;
}
.user_info .info .nick {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.4533333333rem;
color: #333333;
font-style: normal;
text-transform: none;
line-height: 0.64rem;
}
.user_info .info .nick .erbanNo {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.3733333333rem;
color: #7B7B7D;
font-style: normal;
text-transform: none;
margin-top: 0.0266666667rem;
line-height: 0.3733333333rem;
}
.salary_num {
margin: 0.2666666667rem 0.4266666667rem 0;
background: #F2F3F7;
border-radius: 0.2133333333rem;
padding: 0.32rem 0.2666666667rem;
}
.salary_num span {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 0.4rem;
color: #313131;
line-height: 0.56rem;
font-style: normal;
text-transform: none;
}
.Enter_account {
background: linear-gradient(270deg, #500FFF 0%, #F854FC 100%);
border-radius: 0.2133333333rem;
padding: 0.16rem 0.2666666667rem;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 0.4rem;
color: #FFFFFF;
line-height: 0.56rem;
text-align: center;
font-style: normal;
text-transform: none;
margin: 0.2666666667rem 0.4266666667rem 0;
}
.info_salary {
margin: 0.2666666667rem 0.4266666667rem 0;
}
.info_salary .title {
display: flex;
align-items: center;
}
.info_salary .title .xian {
width: 0.1066666667rem;
height: 0.4533333333rem;
background: #C859FF;
border-radius: 0.4266666667rem;
display: block;
}
.info_salary .title .txt {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.48rem;
color: #313131;
font-style: normal;
text-transform: none;
margin: 0 0.1866666667rem;
line-height: 0.6666666667rem;
}
.info_salary .title .time_box {
background: #313131;
border-radius: 0.32rem;
display: flex;
align-items: center;
justify-content: center;
padding: 0.0533333333rem 0.08rem 0.0533333333rem 0.16rem;
}
.info_salary .title .time_box .time {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #FFFFFF;
line-height: 0.4533333333rem;
text-align: center;
font-style: normal;
text-transform: none;
}
.info_salary .title .time_box img {
width: 0.4533333333rem;
height: 0.4533333333rem;
}
.info_salary .content_box {
background: #F5EBFF;
border-radius: 0.2133333333rem;
margin-top: 0.2666666667rem;
padding: 0.24rem;
}
.info_salary .content_box .felx_box {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.24rem;
}
.info_salary .content_box .felx_box .Received_salary {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.3733333333rem;
color: #313131;
line-height: 0.5333333333rem;
font-style: normal;
text-transform: none;
}
.info_salary .content_box .felx_box .num {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.3466666667rem;
color: #313131;
line-height: 0.48rem;
font-style: normal;
text-transform: none;
}
.info_salary .content_box .felx_box .Game_name,
.info_salary .content_box .felx_box .Game_Times {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.3733333333rem;
color: #313131;
line-height: 0.5333333333rem;
font-style: normal;
text-transform: none;
}
.info_salary .content_box .felx_box:first-child {
margin-top: 0rem;
}
.Daily_dataBox {
margin: 0.2666666667rem 0.4266666667rem 0;
}
.Daily_dataBox .title {
display: flex;
align-items: center;
}
.Daily_dataBox .title .xian {
width: 0.1066666667rem;
height: 0.4533333333rem;
background: #C859FF;
border-radius: 0.4266666667rem;
display: block;
}
.Daily_dataBox .title .txt {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.48rem;
color: #313131;
font-style: normal;
text-transform: none;
margin: 0 0.1866666667rem;
line-height: 0.6666666667rem;
}
.Daily_dataBox .content_list .content_box {
background: #F2F3F7;
border-radius: 0.32rem;
padding: 0.2933333333rem 0.24rem;
margin-top: 0.2666666667rem;
}
.Daily_dataBox .content_list .content_box .felx_box {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.24rem;
}
.Daily_dataBox .content_list .content_box .felx_box .creat_time {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.32rem;
color: #7B7B7D;
line-height: 0.4533333333rem;
font-style: normal;
text-transform: none;
}
.Daily_dataBox .content_list .content_box .felx_box .Salary {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.3733333333rem;
color: #313131;
line-height: 0.5333333333rem;
font-style: normal;
text-transform: none;
}
.Daily_dataBox .content_list .content_box .felx_box .num {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.3466666667rem;
color: #313131;
line-height: 0.48rem;
font-style: normal;
text-transform: none;
}
.Daily_dataBox .content_list .content_box .felx_box .Game_name,
.Daily_dataBox .content_list .content_box .felx_box .Game_Times {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.3733333333rem;
color: #313131;
line-height: 0.5333333333rem;
font-style: normal;
text-transform: none;
}
.Daily_dataBox .content_list .content_box .felx_box .Go_game {
background: linear-gradient(270deg, #500FFF 0%, #F854FC 100%);
border-radius: 0.4266666667rem;
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #FFFFFF;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: center;
padding: 0.1333333333rem 0.1866666667rem;
}
.Daily_dataBox .content_list .content_box .felx_box .Receive_btn {
background: linear-gradient(270deg, #500FFF 0%, #F854FC 100%);
border-radius: 0.4266666667rem;
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #FFFFFF;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: center;
padding: 0.1333333333rem 0.2133333333rem;
}
.Daily_dataBox .content_list .content_box .felx_box .Expired_btn {
background: #CDCED6;
border-radius: 0.4266666667rem;
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.32rem;
color: #FFFFFF;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: center;
padding: 0.1333333333rem 0.2133333333rem;
}
.Daily_dataBox .content_list .content_box .felx_box .Receive {
background: linear-gradient(270deg, #500FFF 0%, #F854FC 100%);
color: #FFFFFF;
}
.Daily_dataBox .content_list .content_box .felx_box:first-child {
margin-top: 0rem;
}
.Daily_dataBox .content_list .content_box:last-child {
margin-bottom: 1.0666666667rem;
}
.timeBox {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 99;
display: none;
}
.timeBox .timeBox_in {
width: 10rem;
height: 5.3333333333rem;
border-radius: 0.4266666667rem 0.4266666667rem 0 0;
background: #fff;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.timeBox .timeBox_in .title {
width: 100%;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
text-align: center;
color: #313131;
font-weight: 500;
font-size: 0.4266666667rem;
position: absolute;
top: 0.32rem;
left: 0;
}
.timeBox .timeBox_in .but {
height: 0.5866666667rem;
line-height: 0.5866666667rem;
position: absolute;
right: 0.4266666667rem;
top: 0.32rem;
z-index: 2;
color: #C859FF;
font-size: 0.4266666667rem;
font-weight: 500;
}
.timeBox .timeBox_in ul {
width: 10rem;
height: 6rem;
margin-top: 1.6rem;
overflow-y: scroll;
}
.timeBox .timeBox_in ul::-webkit-scrollbar {
display: none;
}
.timeBox .timeBox_in ul li {
width: 100%;
text-align: center;
height: 0.8533333333rem;
line-height: 0.8533333333rem;
color: #7B7B7D;
font-size: 0.4rem;
font-weight: 400;
}
.timeBox .timeBox_in ul .act {
background: #F4F4F4;
font-weight: 500;
color: #313131;
}
.popup_tip {
display: none;
/* 初始状态下隐藏弹窗 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
/* 确保弹窗在最顶层 */
}
.popup_tip .popup_content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 6.6666666667rem;
padding: 0.3733333333rem 0.6133333333rem;
background: #FFFFFF;
border-radius: 0.4266666667rem;
}
.popup_tip .popup_content .title {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 0.4rem;
color: #313131;
line-height: 0.56rem;
text-align: center;
font-style: normal;
text-transform: none;
}
.popup_tip .popup_content .content {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 0.3466666667rem;
color: #313131;
line-height: 0.48rem;
text-align: center;
font-style: normal;
text-transform: none;
margin-top: 0.32rem;
}
.popup_tip .popup_content .Enter_account {
background: linear-gradient(270deg, #500FFF 0%, #F854FC 100%);
border-radius: 0.6666666667rem;
padding: 0.2933333333rem 0.72rem;
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 0.4rem;
color: #FFFFFF;
line-height: 0.56rem;
text-align: center;
font-style: normal;
text-transform: none;
margin: 0.2666666667rem 0 0;
}
.popup_tip .popup_content .tip_btn {
background: #F2F3F7;
border-radius: 0.6666666667rem;
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 0.3733333333rem;
color: #313131;
line-height: 0.5333333333rem;
text-align: center;
font-style: normal;
text-transform: none;
padding: 0.2666666667rem;
margin-top: 0.4rem;
}

View File

@@ -0,0 +1,523 @@
@function px2rem($px) {
@return $px / 75+rem;
}
body,
html {
width: 100%;
background: #ffffff;
// overflow: hidden;
}
.back {
width: 100%;
height: px2rem(44);
line-height: px2rem(44);
position: fixed;
left: 0;
top: 0;
padding-top: px2rem(110);
padding-bottom: px2rem(22);
text-align: center;
color: #FFFFFF;
font-size: px2rem(38);
font-weight: bold;
z-index: 10;
background: #FFFFFF;
img {
width: px2rem(44);
height: px2rem(44);
position: absolute;
left: px2rem(18);
// top: px2rem(0);
}
p {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: px2rem(32);
color: #313131;
text-align: center;
font-style: normal;
text-transform: none;
}
}
.user_info {
margin: px2rem(180) px2rem(32) 0;
background: #F2F3F7;
border-radius: px2rem(16);
padding: px2rem(24) px2rem(40);
display: flex;
align-items: center;
.avatar {
img {
width: px2rem(110);
height: px2rem(110);
border-radius: 50%;
}
}
.info {
margin: 0 px2rem(24);
.nick {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(34);
color: #333333;
font-style: normal;
text-transform: none;
line-height: px2rem(48);
.erbanNo {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(28);
color: #7B7B7D;
font-style: normal;
text-transform: none;
margin-top: px2rem(2);
line-height: px2rem(28);
}
}
}
}
.salary_num {
margin: px2rem(20) px2rem(32) 0;
background: #F2F3F7;
border-radius: px2rem(16);
padding: px2rem(24) px2rem(20);
span {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: px2rem(30);
color: #313131;
line-height: px2rem(42);
font-style: normal;
text-transform: none;
}
}
.Enter_account {
background: linear-gradient(270deg, #500FFF 0%, #F854FC 100%);
border-radius: px2rem(16);
padding: px2rem(12) px2rem(20);
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: px2rem(30);
color: #FFFFFF;
line-height: px2rem(42);
text-align: center;
font-style: normal;
text-transform: none;
margin: px2rem(20) px2rem(32) 0;
}
.info_salary {
margin: px2rem(20) px2rem(32) 0;
.title {
display: flex;
align-items: center;
.xian {
width: px2rem(8);
height: px2rem(34);
background: #C859FF;
border-radius: px2rem(32);
display: block;
}
.txt {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(36);
color: #313131;
font-style: normal;
text-transform: none;
margin: 0 px2rem(14);
line-height: px2rem(50);
}
.time_box {
background: #313131;
border-radius: px2rem(24);
display: flex;
align-items: center;
justify-content: center;
padding: px2rem(4) px2rem(6) px2rem(4) px2rem(12);
.time {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(24);
color: #FFFFFF;
line-height: px2rem(34);
text-align: center;
font-style: normal;
text-transform: none;
}
img {
width: px2rem(34);
height: px2rem(34);
}
}
}
.content_box {
background: #F5EBFF;
border-radius: px2rem(16);
margin-top: px2rem(20);
padding: px2rem(18);
.felx_box {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: px2rem(18);
.Received_salary {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(28);
color: #313131;
line-height: px2rem(40);
font-style: normal;
text-transform: none;
}
.num {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(26);
color: #313131;
line-height: px2rem(36);
font-style: normal;
text-transform: none;
}
.Game_name,
.Game_Times {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(28);
color: #313131;
line-height: px2rem(40);
font-style: normal;
text-transform: none;
}
}
.felx_box:first-child {
margin-top: px2rem(0);
}
}
}
.Daily_dataBox {
margin: px2rem(20) px2rem(32) 0;
.title {
display: flex;
align-items: center;
.xian {
width: px2rem(8);
height: px2rem(34);
background: #C859FF;
border-radius: px2rem(32);
display: block;
}
.txt {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(36);
color: #313131;
font-style: normal;
text-transform: none;
margin: 0 px2rem(14);
line-height: px2rem(50);
}
}
.content_list {
.content_box {
background: #F2F3F7;
border-radius: px2rem(24);
padding: px2rem(22) px2rem(18);
margin-top: px2rem(20);
.felx_box {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: px2rem(18);
.creat_time {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(24);
color: #7B7B7D;
line-height: px2rem(34);
font-style: normal;
text-transform: none;
}
.Salary {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(28);
color: #313131;
line-height: px2rem(40);
font-style: normal;
text-transform: none;
}
.num {
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(26);
color: #313131;
line-height: px2rem(36);
font-style: normal;
text-transform: none;
}
.Game_name,
.Game_Times {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(28);
color: #313131;
line-height: px2rem(40);
font-style: normal;
text-transform: none;
}
.Go_game {
background: linear-gradient(270deg, #500FFF 0%, #F854FC 100%);
border-radius: px2rem(32);
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(24);
color: #FFFFFF;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: center;
padding: px2rem(10) px2rem(14);
}
.Receive_btn {
background: linear-gradient(270deg, #500FFF 0%, #F854FC 100%);
border-radius: px2rem(32);
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(24);
color: #FFFFFF;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: center;
padding: px2rem(10) px2rem(16);
}
.Expired_btn {
background: #CDCED6;
border-radius: px2rem(32);
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(24);
color: #FFFFFF;
font-style: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: center;
padding: px2rem(10) px2rem(16);
}
.Receive{
background: linear-gradient(270deg, #500FFF 0%, #F854FC 100%);
color: #FFFFFF;
}
}
.felx_box:first-child {
margin-top: px2rem(0);
}
}
.content_box:last-child {
margin-bottom: px2rem(80);
}
}
}
.timeBox {
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, .5);
z-index: 99;
display: none;
.timeBox_in {
width: px2rem(750);
height: px2rem(400);
border-radius: px2rem(32) px2rem(32) 0 0;
background: #fff;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
.title {
width: 100%;
height: px2rem(44);
line-height: px2rem(44);
text-align: center;
color: #313131;
font-weight: 500;
font-size: px2rem(32);
position: absolute;
top: px2rem(24);
left: 0;
}
.but {
height: px2rem(44);
line-height: px2rem(44);
position: absolute;
right: px2rem(32);
top: px2rem(24);
z-index: 2;
color: #C859FF;
font-size: px2rem(32);
font-weight: 500;
}
ul {
width: px2rem(750);
height: 6rem;
margin-top: px2rem(120);
overflow-y: scroll;
&::-webkit-scrollbar {
display: none;
}
li {
width: 100%;
text-align: center;
height: px2rem(64);
line-height: px2rem(64);
color: #7B7B7D;
font-size: px2rem(30);
font-weight: 400;
}
.act {
background: #F4F4F4;
font-weight: 500;
color: #313131;
}
}
}
}
.popup_tip {
display: none;
/* 初始状态下隐藏弹窗 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
// padding: 0 px2rem(50);
// box-sizing: border-box;
/* 确保弹窗在最顶层 */
.popup_content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: px2rem(500);
padding: px2rem(28) px2rem(46);
background: #FFFFFF;
border-radius: px2rem(32);
.title {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: px2rem(30);
color: #313131;
line-height: px2rem(42);
text-align: center;
font-style: normal;
text-transform: none;
}
.content {
font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: px2rem(26);
color: #313131;
line-height: px2rem(36);
text-align: center;
font-style: normal;
text-transform: none;
margin-top: px2rem(24);
}
.Enter_account {
background: linear-gradient(270deg, #500FFF 0%, #F854FC 100%);
border-radius: px2rem(50);
padding: px2rem(22) px2rem(54);
display: flex;
align-items: center;
justify-content: center;
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: px2rem(30);
color: #FFFFFF;
line-height: px2rem(42);
text-align: center;
font-style: normal;
text-transform: none;
margin: px2rem(20) 0 0;
}
.tip_btn {
background: #F2F3F7;
border-radius: px2rem(50);
font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: px2rem(28);
color: #313131;
line-height: px2rem(40);
text-align: center;
font-style: normal;
text-transform: none;
padding: px2rem(20);
margin-top: px2rem(30);
}
}
}

View File

@@ -1,243 +1,220 @@
html,
body {
width: 100%;
height: 17.78667rem;
height: 17.7866666667rem;
background: #fff;
}
.back {
width: 100%;
height: 2.34667rem;
height: 2.3466666667rem;
position: fixed;
left: 0;
top: 0rem;
text-align: center;
color: #FFFFFF;
font-size: 0.50667rem;
font-size: 0.5066666667rem;
font-weight: bold;
z-index: 10;
background: #fff;
}
.back img {
width: 0.58667rem;
height: 0.58667rem;
width: 0.5866666667rem;
height: 0.5866666667rem;
position: absolute;
left: 0.24rem;
top: 1.46667rem;
top: 1.4666666667rem;
z-index: 2;
}
.back div {
width: 100%;
height: 0.58667rem;
line-height: 0.58667rem;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
color: #313131;
text-align: center;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 1.46667rem;
top: 1.4666666667rem;
}
h3 {
width: 9.14667rem;
width: 9.1466666667rem;
height: 0.48rem;
line-height: 0.48rem;
margin: 2.6rem auto 0.37333rem;
margin: 2.6rem auto 0.3733333333rem;
color: #313131;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
font-weight: 600;
position: relative;
}
h3 b {
color: #313131;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
font-weight: 600;
}
h3 img {
display: inline-block;
width: 0.48rem;
height: 0.48rem;
margin-top: 0.02667rem;
margin-top: 0.0266666667rem;
}
h3 div {
width: 4.61333rem;
width: 4.6133333333rem;
box-sizing: border-box;
padding: 0.21333rem;
padding: 0.2133333333rem;
position: absolute;
background: #F7F7F7;
border-radius: 0.21333rem;
right: -0.26667rem;
bottom: -2.93333rem;
border-radius: 0.2133333333rem;
right: -0.2666666667rem;
bottom: -2.9333333333rem;
display: none;
}
h3 div p {
color: #313131;
font-weight: 400;
line-height: 0.45333rem;
line-height: 0.4533333333rem;
font-size: 0.32rem;
}
.time {
width: 9.14667rem;
height: 0.85333rem;
line-height: 0.85333rem;
width: 9.1466666667rem;
height: 0.8533333333rem;
line-height: 0.8533333333rem;
margin: 0 auto 0.48rem;
display: flex;
justify-content: space-around;
}
.time .start {
width: 3.04rem;
height: 0.85333rem;
height: 0.8533333333rem;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0.18667rem;
padding: 0 0.1866666667rem;
background: #F2F3F7;
border-radius: 0.21333rem;
border-radius: 0.2133333333rem;
}
.time .start img {
width: 0.56rem;
height: 0.56rem;
display: block;
margin-top: 0.18667rem;
margin-top: 0.1866666667rem;
}
.time span {
width: 0.45333rem;
width: 0.4533333333rem;
color: #7B7B7D;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 400;
}
.time .end {
width: 3.04rem;
height: 0.85333rem;
height: 0.8533333333rem;
display: flex;
justify-content: space-between;
box-sizing: border-box;
padding: 0 0.18667rem;
padding: 0 0.1866666667rem;
background: #F2F3F7;
border-radius: 0.21333rem;
border-radius: 0.2133333333rem;
}
.time .end img {
width: 0.56rem;
height: 0.56rem;
display: block;
margin-top: 0.18667rem;
margin-top: 0.1866666667rem;
}
.time .search {
width: 1.89333rem;
height: 0.85333rem;
border-radius: 0.85333rem;
width: 1.8933333333rem;
height: 0.8533333333rem;
border-radius: 0.8533333333rem;
line-height: 0.8rem;
text-align: center;
background: #04D5C6;
background: #C859FF;
color: #fff;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 400;
}
.diamonds {
width: 9.14667rem;
height: 0.74667rem;
width: 9.1466666667rem;
height: 0.7466666667rem;
line-height: 0.64rem;
text-align: center;
margin: 0 auto 0.48rem;
}
.diamonds img {
width: 0.74667rem;
height: 0.74667rem;
width: 0.7466666667rem;
height: 0.7466666667rem;
display: inline-block;
margin-right: 0.13333rem;
margin-right: 0.1333333333rem;
}
.diamonds span {
color: #313131;
font-size: 0.53333rem;
font-size: 0.5333333333rem;
font-weight: 600;
}
.data {
width: 9.14667rem;
width: 9.1466666667rem;
height: 13rem;
margin: 0 auto 0rem;
overflow-y: scroll;
}
.data::-webkit-scrollbar {
display: none;
}
.data .box {
width: 100%;
height: 1.94667rem;
border-radius: 0.21333rem;
height: 1.9466666667rem;
border-radius: 0.2133333333rem;
background: #DBF6FF;
box-sizing: border-box;
padding: 0 0.24rem;
margin-bottom: 0.26667rem;
margin-bottom: 0.2666666667rem;
}
.data .box .tx {
float: left;
width: 1.46667rem;
height: 1.46667rem;
width: 1.4666666667rem;
height: 1.4666666667rem;
border-radius: 50%;
display: block;
margin-top: 0.24rem;
margin-right: 0.21333rem;
margin-right: 0.2133333333rem;
}
.data .box .user {
width: 3.33333rem;
width: 3.3333333333rem;
float: left;
}
.data .box .user p {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: #333333;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
font-weight: 600;
margin-top: 0.53333rem;
margin-bottom: 0.13333rem;
margin-top: 0.5333333333rem;
margin-bottom: 0.1333333333rem;
}
.data .box .user b {
color: #7B7B7D;
font-size: 0.34667rem;
font-size: 0.3466666667rem;
font-weight: 400;
}
.data .box .right {
float: right;
text-align: right;
}
.data .box .right p {
color: #313131;
font-size: 0.48rem;
font-weight: 600;
margin-top: 0.45333rem;
margin-top: 0.4533333333rem;
margin-bottom: 0.2rem;
}
.data .box .right b {
color: #313131;
font-size: 0.34667rem;
font-size: 0.3466666667rem;
font-weight: 400;
}
@@ -251,77 +228,69 @@ h3 div p {
z-index: 99;
display: none;
}
.timeBox .timeBox_in {
width: 10rem;
height: 8.53333rem;
border-radius: 0.42667rem 0.42667rem 0 0;
height: 8.5333333333rem;
border-radius: 0.4266666667rem 0.4266666667rem 0 0;
background: #fff;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.timeBox .timeBox_in .title {
width: 100%;
height: 0.58667rem;
line-height: 0.58667rem;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
text-align: center;
color: #313131;
font-weight: 500;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
position: absolute;
top: 0.32rem;
left: 0;
}
.timeBox .timeBox_in .but {
height: 0.58667rem;
line-height: 0.58667rem;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
position: absolute;
right: 0.42667rem;
right: 0.4266666667rem;
top: 0.32rem;
z-index: 2;
color: #24CF9E;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
font-weight: 500;
}
.timeBox .timeBox_in h5 {
color: #AFB1B3;
width: 100%;
height: 0.45333rem;
line-height: 0.45333rem;
height: 0.4533333333rem;
line-height: 0.4533333333rem;
font-size: 0.32rem;
font-weight: 400;
text-align: center;
position: absolute;
left: 0;
top: 1.01333rem;
top: 1.0133333333rem;
}
.timeBox .timeBox_in ul {
width: 10rem;
height: 6rem;
margin-top: 1.6rem;
overflow-y: scroll;
}
.timeBox .timeBox_in ul::-webkit-scrollbar {
display: none;
}
.timeBox .timeBox_in ul li {
width: 100%;
text-align: center;
height: 0.85333rem;
line-height: 0.85333rem;
height: 0.8533333333rem;
line-height: 0.8533333333rem;
color: #7B7B7D;
font-size: 0.4rem;
font-weight: 400;
}
.timeBox .timeBox_in ul .act {
background: #F4F4F4;
font-weight: 500;
@@ -333,23 +302,19 @@ h3 div p {
right: 0.24rem;
transform: rotate(180deg);
}
.arabic h3 div {
right: auto;
left: -0.26667rem;
}
.arabic .data .box .tx {
float: right;
margin-left: 0.2rem;
margin-right: 0;
}
.arabic .data .box .user {
float: right;
}
.arabic .data .box .right {
float: left;
text-align: left;
}
}

View File

@@ -144,7 +144,7 @@ h3 {
border-radius: px2rem(64);
line-height: px2rem(60);
text-align: center;
background: #04D5C6;
background: #C859FF;
color: #fff;
font-size: px2rem(28);
font-weight: 400;

View File

@@ -6,7 +6,7 @@ html {
.nav {
width: 100%;
height: 2.34667rem;
height: 2.3466666667rem;
background: #F4F4F4;
position: fixed;
top: 0;
@@ -14,23 +14,21 @@ html {
transform: translateX(-50%);
z-index: 100;
}
.nav .back {
width: 0.58667rem;
height: 0.58667rem;
width: 0.5866666667rem;
height: 0.5866666667rem;
position: absolute;
left: 0.4rem;
bottom: 0.29333rem;
bottom: 0.2933333333rem;
}
.nav p {
height: 0.58667rem;
line-height: 0.58667rem;
font-size: 0.42667rem;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
font-size: 0.4266666667rem;
font-weight: 500;
color: #313131;
position: absolute;
bottom: 0.26667rem;
bottom: 0.2666666667rem;
left: 50%;
transform: translateX(-50%);
}
@@ -40,7 +38,7 @@ html {
height: 1rem;
background: #f4f4f4;
position: fixed;
top: 2.34667rem;
top: 2.3466666667rem;
left: 50%;
transform: translateX(-50%);
z-index: 100;
@@ -48,109 +46,95 @@ html {
align-items: center;
justify-content: space-evenly;
}
.income_expenses p {
height: 0.58667rem;
line-height: 0.58667rem;
font-size: 0.42667rem;
height: 0.5866666667rem;
line-height: 0.5866666667rem;
font-size: 0.4266666667rem;
font-weight: 500;
color: #afb1b3;
}
.income_expenses .act {
color: #313131;
}
.income_expenses .act::after {
content: "";
display: block;
width: 0.37333rem;
height: 0.10667rem;
border-radius: 0.37333rem;
background: #04D5C6;
width: 0.3733333333rem;
height: 0.1066666667rem;
border-radius: 0.3733333333rem;
background: #C859FF;
vertical-align: bottom;
margin: 0.10667rem auto 0;
margin: 0.1066666667rem auto 0;
}
ul {
width: 9.14667rem;
margin: 3.46667rem auto 0;
width: 9.1466666667rem;
margin: 3.4666666667rem auto 0;
overflow: hidden;
}
ul li {
width: 100%;
height: 2.08rem;
background: #ffffff;
border-radius: 0.32rem;
margin-bottom: 0.37333rem;
margin-bottom: 0.3733333333rem;
box-sizing: border-box;
padding: 0 0.24rem;
}
ul li div {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
ul li div p {
font-weight: 600;
font-size: 0.4rem;
color: #313131;
margin-top: 0.4rem;
}
ul li div b {
font-weight: 600;
font-size: 0.48rem;
color: #04D5C6;
color: #C859FF;
white-space: nowrap;
margin-top: 0.4rem;
}
ul li div span {
font-weight: 400;
font-size: 0.34667rem;
font-size: 0.3466666667rem;
color: #7b7b7d;
line-height: 0.42667rem;
margin-top: 0.26667rem;
line-height: 0.4266666667rem;
margin-top: 0.2666666667rem;
}
ul .actLi {
height: 2.45333rem;
height: 2.4533333333rem;
position: relative;
overflow: hidden;
}
ul .actLi p,
ul .actLi b {
margin-top: 0.66667rem;
margin-top: 0.6666666667rem;
}
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;
height: 0.5066666667rem;
line-height: 0.5066666667rem;
padding: 0 0.2133333333rem;
border-radius: 0px 0.2666666667rem 0px 0.2666666667rem;
text-align: center;
color: #FFFFFF;
font-size: 0.32rem;
}
ul .actLi .sp0 {
background: #FCAC3A;
}
ul .actLi .sp1 {
background: #04D5C6;
background: #C859FF;
}
ul .actLi .sp2 {
background: #FF605A;
}
@@ -159,4 +143,4 @@ ul .actLi .sp2 {
right: 0.4rem;
left: unset;
transform: rotate(180deg);
}
}

View File

@@ -69,7 +69,7 @@ html {
width: px2rem(14);
height: px2rem(4);
border-radius: px2rem(14);
background: #04D5C6;
background: #C859FF;
vertical-align: bottom;
margin: px2rem(4) auto 0;
}
@@ -106,7 +106,7 @@ ul {
b {
font-weight: 600;
font-size: px2rem(18);
color: #04D5C6;
color: #C859FF;
white-space: nowrap;
margin-top: px2rem(15);
}
@@ -154,7 +154,7 @@ ul {
}
.sp1 {
background: #04D5C6;
background: #C859FF;
}
.sp2 {

View File

@@ -1,161 +1,148 @@
html,
body {
width: 100%;
height: 17.78667rem;
height: 17.7866666667rem;
background: #fff;
box-sizing: border-box;
padding-top: 1.46667rem;
padding-top: 1.4666666667rem;
}
.back {
width: 100%;
height: 2.34667rem;
height: 2.3466666667rem;
position: fixed;
left: 0;
top: 0rem;
text-align: center;
color: #FFFFFF;
font-size: 0.50667rem;
font-size: 0.5066666667rem;
font-weight: bold;
z-index: 10;
}
.back img {
width: 0.58667rem;
height: 0.58667rem;
width: 0.5866666667rem;
height: 0.5866666667rem;
position: absolute;
left: 0.24rem;
top: 1.46667rem;
top: 1.4666666667rem;
}
.back .title {
color: #313131;
text-align: center;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
font-weight: 500;
margin: 1.53333rem auto 0;
margin: 1.5333333333rem auto 0;
}
.myDiamond {
width: 9.14667rem;
height: 1.17333rem;
line-height: 1.17333rem;
margin: 0 auto 0.26667rem;
width: 9.1466666667rem;
height: 1.1733333333rem;
line-height: 1.1733333333rem;
margin: 0 auto 0.2666666667rem;
display: flex;
justify-content: center;
background: #F2F3F7;
border-radius: 0.21333rem;
border-radius: 0.2133333333rem;
overflow: hidden;
}
.myDiamond i {
font-style: normal;
color: #313131;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 500;
}
.myDiamond b {
font-size: 0.37333rem;
color: #04D5C6;
font-size: 0.3733333333rem;
color: #C859FF;
font-weight: 500;
margin: 0 0.13333rem;
margin: 0 0.1333333333rem;
}
.myDiamond img {
display: inline-block;
width: 0.42667rem;
height: 0.42667rem;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-top: 0.32rem;
}
h3 {
height: 0.66667rem;
height: 0.6666666667rem;
width: 100%;
box-sizing: border-box;
padding: 0 0.42667rem;
line-height: 0.66667rem;
padding: 0 0.4266666667rem;
line-height: 0.6666666667rem;
display: flex;
margin: 0 auto 0.13333rem;
margin: 0 auto 0.1333333333rem;
white-space: nowrap;
display: block;
}
h3 span {
width: 0.10667rem;
height: 0.45333rem;
background: #04D5C6;
border-radius: 0.45333rem;
margin-top: 0.10667rem;
width: 0.1066666667rem;
height: 0.4533333333rem;
background: #C859FF;
border-radius: 0.4533333333rem;
margin-top: 0.1066666667rem;
}
h3 b {
margin: 0 0.26667rem;
margin: 0 0.2666666667rem;
color: #313131;
font-size: 0.48rem;
font-weight: 600;
}
ul {
width: 9.14667rem;
width: 9.1466666667rem;
height: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 auto 1.30667rem;
margin: 0 auto 1.3066666667rem;
}
ul li {
width: 4.50667rem;
height: 1.89333rem;
width: 4.5066666667rem;
height: 1.8933333333rem;
background: #F2F3F7;
border-radius: 0.21333rem;
border-radius: 0.2133333333rem;
overflow: hidden;
box-sizing: border-box;
text-align: center;
margin-bottom: 0.13333rem;
border: 0.05333rem solid #fff;
margin-bottom: 0.1333333333rem;
border: 0.0533333333rem solid #fff;
}
ul li p {
color: #313131;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
font-weight: 600;
margin-top: 0.26667rem;
margin-top: 0.2666666667rem;
margin-bottom: 0.24rem;
}
ul li b {
color: #313131;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 600;
}
ul .canCustom p {
line-height: 1.4rem;
}
ul .canCustom p img {
width: 0.29333rem;
height: 0.29333rem;
width: 0.2933333333rem;
height: 0.2933333333rem;
display: inline-block;
margin: 0 0.06667rem;
margin: 0 0.0666666667rem;
vertical-align: middle;
}
ul .act {
border: 0.05333rem solid #04D5C6;
border: 0.0533333333rem solid #C859FF;
}
.but {
width: 9.14667rem;
width: 9.1466666667rem;
height: 1.04rem;
line-height: 1.04rem;
text-align: center;
color: #fff;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
font-weight: 500;
background: #04D5C6;
background: #C859FF;
margin: 0 auto 0;
border-radius: 1.04rem;
}
@@ -174,18 +161,16 @@ ul .act {
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
.pub .pub_in {
width: 9.14667rem;
height: 5.86667rem;
width: 9.1466666667rem;
height: 5.8666666667rem;
background: #fff;
border-radius: 0.21333rem;
border-radius: 0.2133333333rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.pub .pub_in h2 {
width: 100%;
text-align: center;
@@ -193,42 +178,39 @@ ul .act {
font-size: 0.48rem;
font-weight: 600;
margin-top: 0.48rem;
margin-bottom: 0.29333rem;
margin-bottom: 0.2933333333rem;
}
.pub .pub_in h3 {
width: 100%;
text-align: center;
color: #313131;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 600;
margin-bottom: 0.88rem;
color: #7B7B7D;
font-weight: 400;
}
.pub .pub_in .view {
width: 6.88rem;
height: 1.14667rem;
line-height: 1.14667rem;
height: 1.1466666667rem;
line-height: 1.1466666667rem;
text-align: center;
color: #fff;
background: #04D5C6;
font-size: 0.42667rem;
background: #C859FF;
font-size: 0.4266666667rem;
font-weight: 500;
margin: 0 auto 0.26667rem;
border-radius: 1.14667rem;
margin: 0 auto 0.2666666667rem;
border-radius: 1.1466666667rem;
}
.pub .pub_in .close {
width: 6.88rem;
height: 1.14667rem;
line-height: 1.14667rem;
height: 1.1466666667rem;
line-height: 1.1466666667rem;
text-align: center;
color: #313131;
background: #F2F3F7;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
font-weight: 500;
margin: 0 auto 0.26667rem;
border-radius: 1.14667rem;
}
margin: 0 auto 0.2666666667rem;
border-radius: 1.1466666667rem;
}

View File

@@ -60,7 +60,7 @@ body {
b {
font-size: px2rem(28);
color: #04D5C6;
color: #C859FF;
font-weight: 500;
margin: 0 px2rem(10);
}
@@ -88,7 +88,7 @@ h3 {
// display: block;
width: px2rem(8);
height: px2rem(34);
background: #04D5C6;
background: #C859FF;
border-radius: px2rem(34);
margin-top: px2rem(8);
}
@@ -151,7 +151,7 @@ ul {
}
.act {
border: px2rem(4) solid #04D5C6;
border: px2rem(4) solid #C859FF;
}
}
@@ -163,7 +163,7 @@ ul {
color: #fff;
font-size: px2rem(32);
font-weight: 500;
background: #04D5C6;
background: #C859FF;
margin: 0 auto 0;
border-radius: px2rem(78);
}
@@ -221,7 +221,7 @@ ul {
line-height: px2rem(86);
text-align: center;
color: #fff;
background: #04D5C6;
background: #C859FF;
font-size: px2rem(32);
font-weight: 500;
margin: 0 auto px2rem(20);

View File

@@ -0,0 +1,146 @@
body,
html {
width: 100%;
background: #F4F4F4;
}
.nav {
width: 100%;
height: 2.3466666667rem;
background: #F4F4F4;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 100;
}
.nav .back {
width: 0.5866666667rem;
height: 0.5866666667rem;
position: absolute;
left: 0.4rem;
bottom: 0.2933333333rem;
}
.nav p {
height: 0.5866666667rem;
line-height: 0.5866666667rem;
font-size: 0.4266666667rem;
font-weight: 500;
color: #313131;
position: absolute;
bottom: 0.2666666667rem;
left: 50%;
transform: translateX(-50%);
}
.income_expenses {
width: 10rem;
height: 1rem;
background: #f4f4f4;
position: fixed;
top: 2.3466666667rem;
left: 50%;
transform: translateX(-50%);
z-index: 100;
display: flex;
align-items: center;
justify-content: space-evenly;
}
.income_expenses p {
height: 0.5866666667rem;
line-height: 0.5866666667rem;
font-size: 0.4266666667rem;
font-weight: 500;
color: #afb1b3;
}
.income_expenses .act {
color: #313131;
}
.income_expenses .act::after {
content: "";
display: block;
width: 0.3733333333rem;
height: 0.1066666667rem;
border-radius: 0.3733333333rem;
background: #C859FF;
vertical-align: bottom;
margin: 0.1066666667rem auto 0;
}
ul {
width: 9.1466666667rem;
margin: 3.4666666667rem auto 0;
overflow: hidden;
}
ul li {
width: 100%;
height: 2.08rem;
background: #ffffff;
border-radius: 0.32rem;
margin-bottom: 0.3733333333rem;
box-sizing: border-box;
padding: 0 0.24rem;
}
ul li div {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
ul li div p {
font-weight: 600;
font-size: 0.4rem;
color: #313131;
margin-top: 0.4rem;
}
ul li div b {
font-weight: 600;
font-size: 0.48rem;
color: #C859FF;
white-space: nowrap;
margin-top: 0.4rem;
}
ul li div span {
font-weight: 400;
font-size: 0.3466666667rem;
color: #7b7b7d;
line-height: 0.4266666667rem;
margin-top: 0.2666666667rem;
}
ul .actLi {
height: 2.4533333333rem;
position: relative;
overflow: hidden;
}
ul .actLi p,
ul .actLi b {
margin-top: 0.6666666667rem;
}
ul .actLi i {
font-style: normal;
position: absolute;
top: 0;
right: 0;
height: 0.5066666667rem;
line-height: 0.5066666667rem;
padding: 0 0.2133333333rem;
border-radius: 0px 0.2666666667rem 0px 0.2666666667rem;
text-align: center;
color: #FFFFFF;
font-size: 0.32rem;
}
ul .actLi .sp0 {
background: #FCAC3A;
}
ul .actLi .sp1 {
background: #C859FF;
}
ul .actLi .sp2 {
background: #FF605A;
}
.arLang .nav .back {
right: 0.4rem;
left: unset;
transform: rotate(180deg);
}

View File

@@ -0,0 +1,174 @@
@function px2rem($px, $rem: 37.5) {
@return $px / $rem +rem;
}
body,
html {
width: 100%;
background: #F4F4F4;
}
.nav {
width: 100%;
height: px2rem(88);
background: #F4F4F4;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 100;
.back {
width: px2rem(22);
height: px2rem(22);
position: absolute;
left: px2rem(15);
bottom: px2rem(11);
}
p {
height: px2rem(22);
line-height: px2rem(22);
font-size: px2rem(16);
font-weight: 500;
color: #313131;
position: absolute;
bottom: px2rem(10);
left: 50%;
transform: translateX(-50%);
}
}
.income_expenses {
width: px2rem(375);
height: 1rem;
background: #f4f4f4;
position: fixed;
top: px2rem(88);
left: 50%;
transform: translateX(-50%);
z-index: 100;
display: flex;
align-items: center;
justify-content: space-evenly;
p {
height: px2rem(22);
line-height: px2rem(22);
font-size: px2rem(16);
font-weight: 500;
color: #afb1b3;
}
.act {
color: #313131;
&::after {
content: "";
display: block;
width: px2rem(14);
height: px2rem(4);
border-radius: px2rem(14);
background: #C859FF;
vertical-align: bottom;
margin: px2rem(4) auto 0;
}
}
}
ul {
width: px2rem(343);
margin: px2rem(130) auto 0;
overflow: hidden;
li {
width: 100%;
height: px2rem(78);
background: #ffffff;
border-radius: px2rem(12);
margin-bottom: px2rem(14);
box-sizing: border-box;
padding: 0 px2rem(9);
div {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
p {
font-weight: 600;
font-size: px2rem(15);
color: #313131;
margin-top: px2rem(15);
}
b {
font-weight: 600;
font-size: px2rem(18);
color: #C859FF;
white-space: nowrap;
margin-top: px2rem(15);
}
span {
font-weight: 400;
font-size: px2rem(13);
color: #7b7b7d;
line-height: px2rem(16);
margin-top: px2rem(10);
}
// .time {
// width: 4.4rem;
// }
}
}
.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: #C859FF;
}
.sp2 {
background: #FF605A;
}
}
}
.arLang {
.nav {
.back {
right: px2rem(15);
left: unset;
transform: rotate(180deg);
}
}
}

View File

@@ -178,7 +178,6 @@ body {
}
.headerBox .headerBox_in {
width: 9.1466666667rem;
max-height: 3.0666666667rem;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
@@ -213,6 +212,7 @@ body {
display: inline-block;
color: #313131;
font-size: 0.4rem;
font-weight: 500;
}
.headerBox .headerBox_in .E3F2FF {
background: #E3F2FF;
@@ -220,6 +220,14 @@ body {
.headerBox .headerBox_in .FFEFE5 {
background: #FFEFE5;
}
.headerBox .headerBox_in .Game_incomeBox {
width: 100%;
background: #FFEFE5;
}
.headerBox .headerBox_in .Diamond_incomeBox {
width: 100%;
background: #E3F2FF;
}
.weeklyRewards {
width: 10rem;
@@ -240,7 +248,7 @@ body {
float: left;
width: 0.1066666667rem;
height: 0.4533333333rem;
background: #04D5C6;
background: #C859FF;
border-radius: 9.2266666667rem;
margin: 0.1066666667rem 0.1333333333rem 0;
display: block;
@@ -437,7 +445,7 @@ body {
float: left;
width: 0.1066666667rem;
height: 0.4533333333rem;
background: #04D5C6;
background: #C859FF;
border-radius: 9.2266666667rem;
margin: 0.1066666667rem 0.1333333333rem 0;
display: block;
@@ -460,7 +468,7 @@ body {
.agencylevel .agencylevelInfo {
width: 9.1466666667rem;
height: 2.6933333333rem;
background: #EBFFF6;
background: #F5EBFF;
border-radius: 0.2133333333rem;
margin: 0.2666666667rem auto 0;
box-sizing: border-box;
@@ -487,7 +495,7 @@ body {
width: 8.6666666667rem;
height: 0.1333333333rem;
position: relative;
background: #B2E8D0;
background: #C1B2E8;
border-radius: 0.1333333333rem;
overflow: hidden;
margin-bottom: 0.2666666667rem;
@@ -497,7 +505,7 @@ body {
top: 0;
left: 0;
width: 0%;
background: #04D5C6;
background: #C859FF;
height: 100%;
}
.agencylevel .agencylevelInfo .bottom {
@@ -530,7 +538,7 @@ body {
float: left;
width: 0.1066666667rem;
height: 0.4533333333rem;
background: #04D5C6;
background: #C859FF;
border-radius: 9.2266666667rem;
margin: 0.1066666667rem 0.1333333333rem 0;
display: block;
@@ -673,7 +681,7 @@ body {
position: absolute;
left: 0.3733333333rem;
top: 1.3066666667rem;
background: #04D5C6;
background: #C859FF;
display: none;
}
.guildList ul li .administrator {

View File

@@ -199,7 +199,7 @@ body {
.headerBox_in {
width: px2rem(686);
max-height: px2rem(230);
// max-height: px2rem(230);
display: flex;
justify-content: space-between;
flex-wrap: wrap;
@@ -240,6 +240,7 @@ body {
display: inline-block;
color: #313131;
font-size: px2rem(30);
font-weight: 500;
}
}
@@ -250,6 +251,14 @@ body {
.FFEFE5 {
background: #FFEFE5;
}
.Game_incomeBox{
width: 100%;
background: #FFEFE5;
}
.Diamond_incomeBox{
width: 100%;
background: #E3F2FF;
}
}
}
@@ -271,7 +280,7 @@ body {
float: left;
width: px2rem(8);
height: px2rem(34);
background: #04D5C6;
background: #C859FF;
border-radius: px2rem(692);
margin: px2rem(8) px2rem(10) 0;
display: block;
@@ -493,7 +502,7 @@ body {
float: left;
width: px2rem(8);
height: px2rem(34);
background: #04D5C6;
background: #C859FF;
border-radius: px2rem(692);
margin: px2rem(8) px2rem(10) 0;
display: block;
@@ -520,7 +529,7 @@ body {
.agencylevelInfo {
width: px2rem(686);
height: px2rem(202);
background: #EBFFF6;
background: #F5EBFF;
border-radius: px2rem(16);
margin: px2rem(20) auto 0;
box-sizing: border-box;
@@ -550,7 +559,7 @@ body {
width: px2rem(650);
height: px2rem(10);
position: relative;
background: #B2E8D0;
background: #C1B2E8;
border-radius: px2rem(10);
overflow: hidden;
margin-bottom: px2rem(20);
@@ -560,7 +569,7 @@ body {
top: 0;
left: 0;
width: 0%;
background: #04D5C6;
background: #C859FF;
height: 100%;
}
}
@@ -600,7 +609,7 @@ body {
float: left;
width: px2rem(8);
height: px2rem(34);
background: #04D5C6;
background: #C859FF;
border-radius: px2rem(692);
margin: px2rem(8) px2rem(10) 0;
display: block;
@@ -763,7 +772,7 @@ body {
position: absolute;
left: px2rem(28);
top: px2rem(98);
background: #04D5C6;
background: #C859FF;
display: none;
}

File diff suppressed because it is too large Load Diff

View File

@@ -52,7 +52,7 @@ body {
width: px2rem(28);
height: px2rem(8);
border-radius: px2rem(8);
background: #04D5C6;
background: #C859FF;
position: absolute;
left: 50%;
transform: translateX(-50%);
@@ -145,7 +145,7 @@ body {
height: px2rem(62);
border-radius: px2rem(62);
line-height: px2rem(62);
background: #04D5C6;
background: #C859FF;
color: #fff;
font-size: px2rem(26);
font-weight: 500;
@@ -160,7 +160,7 @@ body {
height: px2rem(64);
line-height: px2rem(64);
border-radius: px2rem(16);
background: #04D5C6;
background: #C859FF;
margin: 0 auto px2rem(20);
text-align: center;
color: #fff;
@@ -223,7 +223,7 @@ body {
top: 50%;
transform: translateY(-50%);
left: px2rem(-20);
background: #04D5C6;
background: #C859FF;
}
b {
@@ -263,7 +263,7 @@ body {
height: px2rem(212);
position: relative;
margin: 0 auto px2rem(20);
background: #EBFFF6;
background: #F5EBFF;
border-radius: px2rem(16);
box-sizing: border-box;
padding: px2rem(18);
@@ -321,7 +321,7 @@ body {
top: 50%;
transform: translateY(-50%);
left: px2rem(-20);
background: #04D5C6;
background: #C859FF;
}
b {
@@ -413,7 +413,7 @@ body {
top: 50%;
transform: translateY(-50%);
left: px2rem(-20);
background: #04D5C6;
background: #C859FF;
}
b {
@@ -549,7 +549,7 @@ body {
top: 50%;
transform: translateY(-50%);
left: px2rem(-20);
background: #04D5C6;
background: #C859FF;
}
b {
@@ -597,7 +597,7 @@ body {
top: 50%;
transform: translateY(-50%);
left: px2rem(-20);
background: #04D5C6;
background: #C859FF;
}
b {

View File

@@ -51,7 +51,7 @@ html {
color: #313131;
}
.my_salary p b {
color: #04D5C6;
color: #C859FF;
}
.my_salary p span {
font-size: 0.3733333333rem;
@@ -81,7 +81,7 @@ html {
text-align: center;
}
.tab .act {
background: #04D5C6;
background: #C859FF;
color: #ffffff;
}
@@ -107,7 +107,7 @@ html {
width: 0.1066666667rem;
height: 0.48rem;
border-radius: 0.3733333333rem;
background: #04D5C6;
background: #C859FF;
vertical-align: top;
margin: 0.1066666667rem 0.2133333333rem;
}
@@ -191,7 +191,7 @@ html {
}
.transfer_method li .tips,
.transfer_dollars li .tips {
background: #04D5C6;
background: #C859FF;
border-radius: 0px 0.16rem 0px 0.2133333333rem;
position: absolute;
top: 0;
@@ -209,7 +209,7 @@ html {
}
.transfer_method .li_act,
.transfer_dollars .li_act {
border: 0.0533333333rem solid #04D5C6;
border: 0.0533333333rem solid #C859FF;
}
.transfer_method .official_withdraw,
.transfer_method .agent_settlement,
@@ -229,7 +229,7 @@ html {
line-height: 0.4266666667rem;
color: #ffffff;
padding: 0.2133333333rem;
background: #04D5C6;
background: #C859FF;
border-radius: 0.2133333333rem;
}
@@ -409,7 +409,7 @@ html {
height: 1.2266666667rem;
line-height: 1.2266666667rem;
border-radius: 1.2266666667rem;
background: #04D5C6;
background: #C859FF;
margin: 0 auto 0.32rem;
color: #FFFFFF;
font-size: 0.4266666667rem;
@@ -430,7 +430,7 @@ html {
.confirm {
width: 9.1733333333rem;
height: 1.0666666667rem;
background: #04D5C6;
background: #C859FF;
border-radius: 0.6666666667rem;
position: fixed;
bottom: 0.48rem;
@@ -679,7 +679,7 @@ html {
.president_pop .agent_pop_in .wrap .li_act,
.president_pop .president_pop_in .wrap .li_act {
box-sizing: border-box;
border: 2px solid #04D5C6;
border: 2px solid #C859FF;
}
.secondary_pop .secondary_in .wrap li.no,
.secondary_pop .agent_pop_in .wrap li.no,
@@ -770,7 +770,7 @@ html {
.president_pop .president_pop_in .btn_wrap .sure {
width: 2.9333333333rem;
height: 0.96rem;
background: #04D5C6;
background: #C859FF;
border-radius: 3.12rem;
font-weight: 500;
color: #ffffff;
@@ -842,7 +842,7 @@ html {
.custom_pop .custom_pop_in .ipt span {
font-weight: 600;
font-size: 0.48rem;
color: #04D5C6;
color: #C859FF;
margin-right: 0.2666666667rem;
}
.custom_pop .custom_pop_in .ipt input {
@@ -863,7 +863,7 @@ html {
right: 1.4rem;
font-weight: 400;
font-size: 0.3733333333rem;
color: #24cf9e;
color: #C859FF;
}
.custom_pop .custom_pop_in .btn_wrap {
width: 6.9866666667rem;
@@ -875,7 +875,7 @@ html {
.custom_pop .custom_pop_in .btn_wrap .sure {
width: 2.72rem;
height: 0.8rem;
background: #04D5C6;
background: #C859FF;
border-radius: 0.6666666667rem;
font-weight: 500;
color: #ffffff;
@@ -935,7 +935,7 @@ html {
font-size: 0.4266666667rem;
font-weight: 500;
margin: 0 auto;
background: #04D5C6;
background: #C859FF;
border-radius: 0.6666666667rem;
margin-bottom: 0.3733333333rem;
}

View File

@@ -59,7 +59,7 @@ html {
}
b {
color: #04D5C6;
color: #C859FF;
}
span {
@@ -94,7 +94,7 @@ html {
}
.act {
background: #04D5C6;
background: #C859FF;
color: #ffffff;
}
}
@@ -119,7 +119,7 @@ html {
width: px2rem(4);
height: px2rem(18);
border-radius: px2rem(14);
background: #04D5C6;
background: #C859FF;
vertical-align: top;
margin: px2rem(4) px2rem(8);
}
@@ -205,7 +205,7 @@ html {
}
.tips {
background: #04D5C6;
background: #C859FF;
border-radius: 0px px2rem(6) 0px px2rem(8);
position: absolute;
top: 0;
@@ -224,7 +224,7 @@ html {
}
.li_act {
border: px2rem(2) solid #04D5C6;
border: px2rem(2) solid #C859FF;
}
.official_withdraw,
@@ -244,7 +244,7 @@ html {
line-height: px2rem(16);
color: #ffffff;
padding: px2rem(8);
background: #04D5C6;
background: #C859FF;
border-radius: px2rem(8);
}
}
@@ -446,7 +446,7 @@ html {
height: px2rem(46);
line-height: px2rem(46);
border-radius: px2rem(46);
background: #04D5C6;
background: #C859FF;
margin: 0 auto px2rem(12);
color: #FFFFFF;
font-size: px2rem(16);
@@ -473,7 +473,7 @@ html {
width: px2rem(344);
height: px2rem(40);
// background: linear-gradient(274deg, #feb301 0%, #ffda5f 100%);
background: #04D5C6;
background: #C859FF;
border-radius: px2rem(25);
position: fixed;
bottom: px2rem(18);
@@ -618,7 +618,7 @@ html {
.li_act {
box-sizing: border-box;
border: 2px solid #04D5C6;
border: 2px solid #C859FF;
}
li.no {
@@ -658,7 +658,7 @@ html {
.sure {
width: px2rem(110);
height: px2rem(36);
background: #04D5C6;
background: #C859FF;
border-radius: px2rem(117);
font-weight: 500;
color: #ffffff;
@@ -735,7 +735,7 @@ html {
span {
font-weight: 600;
font-size: px2rem(18);
color: #04D5C6;
color: #C859FF;
margin-right: px2rem(10);
}
@@ -758,7 +758,7 @@ html {
right: 1.4rem;
font-weight: 400;
font-size: px2rem(14);
color: #24cf9e;
color: #C859FF;
// text-decoration: underline;
}
}
@@ -774,7 +774,7 @@ html {
width: px2rem(102);
height: px2rem(30);
// background: linear-gradient(274deg, #feb301 0%, #ffda5f 100%);
background: #04D5C6;
background: #C859FF;
border-radius: px2rem(25);
font-weight: 500;
color: #ffffff;
@@ -840,7 +840,7 @@ html {
font-size: px2rem(16);
font-weight: 500;
margin: 0 auto;
background: #04D5C6;
background: #C859FF;
border-radius: px2rem(25);
margin-bottom: px2rem(14);
}

View File

@@ -0,0 +1,978 @@
body,
html {
width: 100%;
background: #ffffff;
}
.nav {
width: 100%;
height: 2.3466666667rem;
background: #ffffff;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 100;
}
.nav .back {
width: 0.5866666667rem;
height: 0.5866666667rem;
position: absolute;
left: 0.4rem;
bottom: 0.2933333333rem;
}
.nav p {
height: 0.5866666667rem;
line-height: 0.5866666667rem;
font-size: 0.4266666667rem;
font-weight: 500;
color: #313131;
position: absolute;
bottom: 0.2666666667rem;
left: 50%;
transform: translateX(-50%);
}
.my_salary {
width: 9.12rem;
padding-bottom: 0.2133333333rem;
border-bottom: 1px solid #e4e4e4;
margin: 3.04rem auto 0;
display: flex;
justify-content: space-between;
}
.my_salary p {
height: 0.6666666667rem;
line-height: 0.6666666667rem;
}
.my_salary p e,
.my_salary p b {
font-size: 0.48rem;
color: #313131;
}
.my_salary p b {
color: #C859FF;
}
.my_salary p span {
font-size: 0.3733333333rem;
color: #7b7b7d;
}
.my_salary p img {
width: 0.64rem;
height: 0.64rem;
display: inline-block;
}
.tab {
width: 9.1733333333rem;
height: 0.8533333333rem;
background: #f2f3f7;
border-radius: 0.2133333333rem;
margin: 0.2666666667rem auto 0;
display: flex;
}
.tab .item {
width: 50%;
height: 100%;
border-radius: 0.2133333333rem;
font-size: 0.3733333333rem;
color: #313131;
line-height: 0.8533333333rem;
text-align: center;
}
.tab .act {
background: #C859FF;
color: #ffffff;
}
.transfer_method_tit,
.transfer_dollars_tit {
width: 9.2rem;
margin: 0 auto 0;
display: flex;
align-items: baseline;
}
.transfer_method_tit .title,
.transfer_dollars_tit .title {
font-weight: 600;
font-size: 0.48rem;
color: #313131;
line-height: 0.6666666667rem;
padding: 0.32rem 0;
}
.transfer_method_tit .title::before,
.transfer_dollars_tit .title::before {
content: "";
display: inline-block;
width: 0.1066666667rem;
height: 0.48rem;
border-radius: 0.3733333333rem;
background: #C859FF;
vertical-align: top;
margin: 0.1066666667rem 0.2133333333rem;
}
.transfer_method_tit p,
.transfer_dollars_tit p {
height: 0.48rem;
line-height: 0.48rem;
font-size: 0.2666666667rem;
color: #ffffff;
padding: 0 0.16rem;
background: #313131;
border-radius: 0.32rem;
margin: 0 0.1333333333rem;
}
.transfer_method,
.transfer_dollars {
width: 9.1733333333rem;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.transfer_method li,
.transfer_dollars li {
width: 4.48rem;
height: 1.8666666667rem;
background: #f2f3f7;
border-radius: 0.2133333333rem;
box-sizing: border-box;
margin-bottom: 0.16rem;
position: relative;
border: 0.0533333333rem solid #fff;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
}
.transfer_method li:nth-child(2n),
.transfer_dollars li:nth-child(2n) {
margin-right: unset;
}
.transfer_method li p,
.transfer_dollars li p {
font-weight: 500;
font-size: 0.4266666667rem;
color: #313131;
text-align: center;
line-height: 0.5866666667rem;
}
.transfer_method li span,
.transfer_dollars li span {
font-weight: 400;
font-size: 0.3733333333rem;
color: #313131;
}
.transfer_method li span .coin,
.transfer_dollars li span .coin {
width: 0.3733333333rem;
height: 0.3733333333rem;
display: inline-block;
}
.transfer_method li .dollar,
.transfer_dollars li .dollar {
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-top: 0.0533333333rem;
}
.transfer_method li .wenhao,
.transfer_dollars li .wenhao {
width: 0.5866666667rem;
height: 0.5866666667rem;
display: inline-block;
}
.transfer_method li .custom,
.transfer_dollars li .custom {
width: 0.32rem;
height: 0.32rem;
margin-top: 0.1333333333rem;
display: inline-block;
}
.transfer_method li .tips,
.transfer_dollars li .tips {
background: #C859FF;
border-radius: 0px 0.16rem 0px 0.2133333333rem;
position: absolute;
top: 0;
right: 0;
font-size: 0.32rem;
color: #ffffff;
padding: 0.1066666667rem;
}
.transfer_method li .tips img,
.transfer_dollars li .tips img {
width: 0.2933333333rem;
height: 0.2933333333rem;
display: inline-block;
vertical-align: unset;
}
.transfer_method .li_act,
.transfer_dollars .li_act {
border: 0.0533333333rem solid #C859FF;
}
.transfer_method .official_withdraw,
.transfer_method .agent_settlement,
.transfer_dollars .official_withdraw,
.transfer_dollars .agent_settlement {
position: relative;
}
.transfer_method .official_withdraw .pop,
.transfer_method .agent_settlement .pop,
.transfer_dollars .official_withdraw .pop,
.transfer_dollars .agent_settlement .pop {
min-width: 5.76rem;
position: absolute;
top: -0.4rem;
left: 2.9rem;
font-size: 0.32rem;
line-height: 0.4266666667rem;
color: #ffffff;
padding: 0.2133333333rem;
background: #C859FF;
border-radius: 0.2133333333rem;
}
.transfer_dollars {
margin-bottom: 2.1333333333rem;
}
.withdrawalAccount {
width: 9.2rem;
height: 1.4933333333rem;
line-height: 1.4933333333rem;
box-sizing: border-box;
background: #F2F3F7;
border-radius: 0.2133333333rem;
margin: 0.2666666667rem auto 0.2666666667rem;
padding: 0 0.5333333333rem;
display: none;
}
.withdrawalAccount .left {
color: #313131;
font-size: 0.3733333333rem;
font-weight: 600;
float: left;
}
.withdrawalAccount .left b {
color: #ED4343;
margin-right: 0.1066666667rem;
}
.withdrawalAccount .right {
color: #7B7B7D;
font-size: 0.3733333333rem;
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.1066666667rem;
background: #fff;
border-radius: 0.4266666667rem 0.4266666667rem 0rem 0rem;
}
.selectAccount .selectAccount_in .title {
width: 100%;
text-align: center;
color: #313131;
font-size: 0.4266666667rem;
margin-top: 0.3466666667rem;
margin-bottom: 0.3466666667rem;
font-weight: 600;
}
.selectAccount .selectAccount_in .accountBox {
margin: 0 auto;
width: 9.1466666667rem;
}
.selectAccount .selectAccount_in .accountBox .account {
width: 100%;
height: 1.0666666667rem;
line-height: 1.0666666667rem;
background: #F4F4F4;
border-radius: 0.2133333333rem;
margin-bottom: 0.4266666667rem;
box-sizing: border-box;
padding: 0 0.32rem;
}
.selectAccount .selectAccount_in .accountBox .account .sel {
width: 0.48rem;
height: 0.48rem;
margin-top: 0.2933333333rem;
margin-right: 0.1333333333rem;
display: block;
float: left;
}
.selectAccount .selectAccount_in .accountBox .account b,
.selectAccount .selectAccount_in .accountBox .account span {
color: #313131;
font-size: 0.3733333333rem;
font-weight: 400;
float: left;
}
.selectAccount .selectAccount_in .accountBox .account .eid {
display: block;
float: right;
margin-top: 0.24rem;
width: 0.5866666667rem;
height: 0.5866666667rem;
}
.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.1466666667rem;
min-height: 10.72rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 0.4266666667rem;
}
.pubWithdrawal .pubWithdrawal_in .title {
width: 100%;
text-align: center;
color: #313131;
font-size: 0.4533333333rem;
font-weight: 500;
margin-top: 0.5333333333rem;
margin-bottom: 0.3733333333rem;
}
.pubWithdrawal .pubWithdrawal_in .boxw {
width: 8.08rem;
height: 0.5333333333rem;
line-height: 0.5333333333rem;
margin: 0 auto 0.5333333333rem;
display: flex;
justify-content: space-between;
overflow: hidden;
}
.pubWithdrawal .pubWithdrawal_in .boxw .left {
color: #7B7B7D;
font-size: 0.3733333333rem;
font-weight: 500;
}
.pubWithdrawal .pubWithdrawal_in .boxw .left b,
.pubWithdrawal .pubWithdrawal_in .boxw .left p {
color: #7B7B7D;
font-size: 0.3733333333rem;
font-weight: 500;
}
.pubWithdrawal .pubWithdrawal_in .boxw .right {
color: #313131;
font-size: 0.3733333333rem;
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.3733333333rem;
width: 8.08rem;
margin: 0 auto 0.4533333333rem;
font-weight: 400;
}
.pubWithdrawal .pubWithdrawal_in .ok {
width: 8.08rem;
height: 1.2266666667rem;
line-height: 1.2266666667rem;
border-radius: 1.2266666667rem;
background: #C859FF;
margin: 0 auto 0.32rem;
color: #FFFFFF;
font-size: 0.4266666667rem;
text-align: center;
}
.pubWithdrawal .pubWithdrawal_in .close {
width: 8.08rem;
height: 1.2266666667rem;
line-height: 1.2266666667rem;
border-radius: 1.2266666667rem;
background: #F2F3F7;
margin: 0 auto 0;
color: #7B7B7D;
font-size: 0.4266666667rem;
text-align: center;
}
.confirm {
width: 9.1733333333rem;
height: 1.0666666667rem;
background: #C859FF;
border-radius: 0.6666666667rem;
position: fixed;
bottom: 0.48rem;
left: 50%;
transform: translateX(-50%);
font-weight: 400;
font-size: 0.4266666667rem;
color: #ffffff;
line-height: 1.0666666667rem;
text-align: center;
}
.secondary_pop,
.agent_pop,
.president_pop {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
}
.secondary_pop .secondary_in,
.secondary_pop .agent_pop_in,
.secondary_pop .president_pop_in,
.agent_pop .secondary_in,
.agent_pop .agent_pop_in,
.agent_pop .president_pop_in,
.president_pop .secondary_in,
.president_pop .agent_pop_in,
.president_pop .president_pop_in {
width: 7.7333333333rem;
background: #ffffff;
border-radius: 0.4266666667rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.secondary_pop .secondary_in .title,
.secondary_pop .agent_pop_in .title,
.secondary_pop .president_pop_in .title,
.agent_pop .secondary_in .title,
.agent_pop .agent_pop_in .title,
.agent_pop .president_pop_in .title,
.president_pop .secondary_in .title,
.president_pop .agent_pop_in .title,
.president_pop .president_pop_in .title {
width: 100%;
font-weight: 500;
font-size: 0.4266666667rem;
color: #313131;
text-align: center;
padding: 0.3733333333rem 0;
}
.secondary_pop .secondary_in h2,
.secondary_pop .agent_pop_in h2,
.secondary_pop .president_pop_in h2,
.agent_pop .secondary_in h2,
.agent_pop .agent_pop_in h2,
.agent_pop .president_pop_in h2,
.president_pop .secondary_in h2,
.president_pop .agent_pop_in h2,
.president_pop .president_pop_in h2 {
font-size: 0.32rem;
color: #afb1b3;
line-height: 0.4533333333rem;
text-align: center;
padding: 0 0.2133333333rem 0.2133333333rem;
}
.secondary_pop .secondary_in .wrap,
.secondary_pop .agent_pop_in .wrap,
.secondary_pop .president_pop_in .wrap,
.agent_pop .secondary_in .wrap,
.agent_pop .agent_pop_in .wrap,
.agent_pop .president_pop_in .wrap,
.president_pop .secondary_in .wrap,
.president_pop .agent_pop_in .wrap,
.president_pop .president_pop_in .wrap {
width: 6.9866666667rem;
max-height: 9.9733333333rem;
margin: 0 auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.secondary_pop .secondary_in .wrap::-webkit-scrollbar,
.secondary_pop .agent_pop_in .wrap::-webkit-scrollbar,
.secondary_pop .president_pop_in .wrap::-webkit-scrollbar,
.agent_pop .secondary_in .wrap::-webkit-scrollbar,
.agent_pop .agent_pop_in .wrap::-webkit-scrollbar,
.agent_pop .president_pop_in .wrap::-webkit-scrollbar,
.president_pop .secondary_in .wrap::-webkit-scrollbar,
.president_pop .agent_pop_in .wrap::-webkit-scrollbar,
.president_pop .president_pop_in .wrap::-webkit-scrollbar {
display: none;
}
.secondary_pop .secondary_in .wrap li,
.secondary_pop .agent_pop_in .wrap li,
.secondary_pop .president_pop_in .wrap li,
.agent_pop .secondary_in .wrap li,
.agent_pop .agent_pop_in .wrap li,
.agent_pop .president_pop_in .wrap li,
.president_pop .secondary_in .wrap li,
.president_pop .agent_pop_in .wrap li,
.president_pop .president_pop_in .wrap li {
box-sizing: border-box;
border: 2px solid #fff;
width: 100%;
height: 1.92rem;
background: #f4f4f4;
border-radius: 0.2133333333rem;
margin-bottom: 0.2666666667rem;
position: relative;
}
.secondary_pop .secondary_in .wrap li .avatar,
.secondary_pop .agent_pop_in .wrap li .avatar,
.secondary_pop .president_pop_in .wrap li .avatar,
.agent_pop .secondary_in .wrap li .avatar,
.agent_pop .agent_pop_in .wrap li .avatar,
.agent_pop .president_pop_in .wrap li .avatar,
.president_pop .secondary_in .wrap li .avatar,
.president_pop .agent_pop_in .wrap li .avatar,
.president_pop .president_pop_in .wrap li .avatar {
width: 1.4666666667rem;
height: 1.4666666667rem;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0.24rem;
}
.secondary_pop .secondary_in .wrap li .name,
.secondary_pop .agent_pop_in .wrap li .name,
.secondary_pop .president_pop_in .wrap li .name,
.agent_pop .secondary_in .wrap li .name,
.agent_pop .agent_pop_in .wrap li .name,
.agent_pop .president_pop_in .wrap li .name,
.president_pop .secondary_in .wrap li .name,
.president_pop .agent_pop_in .wrap li .name,
.president_pop .president_pop_in .wrap li .name {
display: flex;
align-items: center;
position: absolute;
top: 0.2933333333rem;
left: 2.0266666667rem;
}
.secondary_pop .secondary_in .wrap li .name p,
.secondary_pop .agent_pop_in .wrap li .name p,
.secondary_pop .president_pop_in .wrap li .name p,
.agent_pop .secondary_in .wrap li .name p,
.agent_pop .agent_pop_in .wrap li .name p,
.agent_pop .president_pop_in .wrap li .name p,
.president_pop .secondary_in .wrap li .name p,
.president_pop .agent_pop_in .wrap li .name p,
.president_pop .president_pop_in .wrap li .name p {
max-width: 3rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 600;
font-size: 0.4266666667rem;
color: #333333;
line-height: 0.5866666667rem;
}
.secondary_pop .secondary_in .wrap li .name .flag,
.secondary_pop .agent_pop_in .wrap li .name .flag,
.secondary_pop .president_pop_in .wrap li .name .flag,
.agent_pop .secondary_in .wrap li .name .flag,
.agent_pop .agent_pop_in .wrap li .name .flag,
.agent_pop .president_pop_in .wrap li .name .flag,
.president_pop .secondary_in .wrap li .name .flag,
.president_pop .agent_pop_in .wrap li .name .flag,
.president_pop .president_pop_in .wrap li .name .flag {
width: 0.4533333333rem;
height: 0.32rem;
}
.secondary_pop .secondary_in .wrap li .starLevel,
.secondary_pop .agent_pop_in .wrap li .starLevel,
.secondary_pop .president_pop_in .wrap li .starLevel,
.agent_pop .secondary_in .wrap li .starLevel,
.agent_pop .agent_pop_in .wrap li .starLevel,
.agent_pop .president_pop_in .wrap li .starLevel,
.president_pop .secondary_in .wrap li .starLevel,
.president_pop .agent_pop_in .wrap li .starLevel,
.president_pop .president_pop_in .wrap li .starLevel {
height: 0.4rem;
line-height: 0.4rem;
display: flex;
position: absolute;
left: 2.0266666667rem;
top: 1.28rem;
}
.secondary_pop .secondary_in .wrap li .starLevel span,
.secondary_pop .agent_pop_in .wrap li .starLevel span,
.secondary_pop .president_pop_in .wrap li .starLevel span,
.agent_pop .secondary_in .wrap li .starLevel span,
.agent_pop .agent_pop_in .wrap li .starLevel span,
.agent_pop .president_pop_in .wrap li .starLevel span,
.president_pop .secondary_in .wrap li .starLevel span,
.president_pop .agent_pop_in .wrap li .starLevel span,
.president_pop .president_pop_in .wrap li .starLevel span {
height: 0.4rem;
margin-right: 0.1066666667rem;
color: #7B7B7D;
font-size: 0.3466666667rem;
}
.secondary_pop .secondary_in .wrap li .starLevel img,
.secondary_pop .agent_pop_in .wrap li .starLevel img,
.secondary_pop .president_pop_in .wrap li .starLevel img,
.agent_pop .secondary_in .wrap li .starLevel img,
.agent_pop .agent_pop_in .wrap li .starLevel img,
.agent_pop .president_pop_in .wrap li .starLevel img,
.president_pop .secondary_in .wrap li .starLevel img,
.president_pop .agent_pop_in .wrap li .starLevel img,
.president_pop .president_pop_in .wrap li .starLevel img {
width: 0.4rem;
height: 0.4rem;
display: block;
margin: 0 0.04rem;
}
.secondary_pop .secondary_in .wrap li .id,
.secondary_pop .agent_pop_in .wrap li .id,
.secondary_pop .president_pop_in .wrap li .id,
.agent_pop .secondary_in .wrap li .id,
.agent_pop .agent_pop_in .wrap li .id,
.agent_pop .president_pop_in .wrap li .id,
.president_pop .secondary_in .wrap li .id,
.president_pop .agent_pop_in .wrap li .id,
.president_pop .president_pop_in .wrap li .id {
font-weight: 400;
font-size: 0.3466666667rem;
color: #7b7b7d;
position: absolute;
top: 0.88rem;
left: 2.0266666667rem;
}
.secondary_pop .secondary_in .wrap .li_act,
.secondary_pop .agent_pop_in .wrap .li_act,
.secondary_pop .president_pop_in .wrap .li_act,
.agent_pop .secondary_in .wrap .li_act,
.agent_pop .agent_pop_in .wrap .li_act,
.agent_pop .president_pop_in .wrap .li_act,
.president_pop .secondary_in .wrap .li_act,
.president_pop .agent_pop_in .wrap .li_act,
.president_pop .president_pop_in .wrap .li_act {
box-sizing: border-box;
border: 2px solid #C859FF;
}
.secondary_pop .secondary_in .wrap li.no,
.secondary_pop .agent_pop_in .wrap li.no,
.secondary_pop .president_pop_in .wrap li.no,
.agent_pop .secondary_in .wrap li.no,
.agent_pop .agent_pop_in .wrap li.no,
.agent_pop .president_pop_in .wrap li.no,
.president_pop .secondary_in .wrap li.no,
.president_pop .agent_pop_in .wrap li.no,
.president_pop .president_pop_in .wrap li.no {
width: 100%;
line-height: 1.92rem;
text-align: center;
font-weight: 400;
font-size: 0.2666666667rem;
color: #7b7b7d;
}
.secondary_pop .secondary_in .tip_txt1,
.secondary_pop .secondary_in .tip_txt2,
.secondary_pop .agent_pop_in .tip_txt1,
.secondary_pop .agent_pop_in .tip_txt2,
.secondary_pop .president_pop_in .tip_txt1,
.secondary_pop .president_pop_in .tip_txt2,
.agent_pop .secondary_in .tip_txt1,
.agent_pop .secondary_in .tip_txt2,
.agent_pop .agent_pop_in .tip_txt1,
.agent_pop .agent_pop_in .tip_txt2,
.agent_pop .president_pop_in .tip_txt1,
.agent_pop .president_pop_in .tip_txt2,
.president_pop .secondary_in .tip_txt1,
.president_pop .secondary_in .tip_txt2,
.president_pop .agent_pop_in .tip_txt1,
.president_pop .agent_pop_in .tip_txt2,
.president_pop .president_pop_in .tip_txt1,
.president_pop .president_pop_in .tip_txt2 {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 0.32rem;
color: #AFB1B3;
line-height: 0.4533333333rem;
text-align: center;
font-style: normal;
text-transform: none;
margin: 0 0.2666666667rem;
}
.secondary_pop .secondary_in .tip_txt2,
.secondary_pop .agent_pop_in .tip_txt2,
.secondary_pop .president_pop_in .tip_txt2,
.agent_pop .secondary_in .tip_txt2,
.agent_pop .agent_pop_in .tip_txt2,
.agent_pop .president_pop_in .tip_txt2,
.president_pop .secondary_in .tip_txt2,
.president_pop .agent_pop_in .tip_txt2,
.president_pop .president_pop_in .tip_txt2 {
margin-top: 0.16rem;
}
.secondary_pop .secondary_in .btn_wrap,
.secondary_pop .agent_pop_in .btn_wrap,
.secondary_pop .president_pop_in .btn_wrap,
.agent_pop .secondary_in .btn_wrap,
.agent_pop .agent_pop_in .btn_wrap,
.agent_pop .president_pop_in .btn_wrap,
.president_pop .secondary_in .btn_wrap,
.president_pop .agent_pop_in .btn_wrap,
.president_pop .president_pop_in .btn_wrap {
width: 6.9866666667rem;
margin: 0.2666666667rem auto;
display: flex;
justify-content: space-evenly;
}
.secondary_pop .secondary_in .btn_wrap .cancel,
.secondary_pop .secondary_in .btn_wrap .sure,
.secondary_pop .agent_pop_in .btn_wrap .cancel,
.secondary_pop .agent_pop_in .btn_wrap .sure,
.secondary_pop .president_pop_in .btn_wrap .cancel,
.secondary_pop .president_pop_in .btn_wrap .sure,
.agent_pop .secondary_in .btn_wrap .cancel,
.agent_pop .secondary_in .btn_wrap .sure,
.agent_pop .agent_pop_in .btn_wrap .cancel,
.agent_pop .agent_pop_in .btn_wrap .sure,
.agent_pop .president_pop_in .btn_wrap .cancel,
.agent_pop .president_pop_in .btn_wrap .sure,
.president_pop .secondary_in .btn_wrap .cancel,
.president_pop .secondary_in .btn_wrap .sure,
.president_pop .agent_pop_in .btn_wrap .cancel,
.president_pop .agent_pop_in .btn_wrap .sure,
.president_pop .president_pop_in .btn_wrap .cancel,
.president_pop .president_pop_in .btn_wrap .sure {
width: 2.9333333333rem;
height: 0.96rem;
background: #C859FF;
border-radius: 3.12rem;
font-weight: 500;
color: #ffffff;
font-size: 0.3733333333rem;
line-height: 0.96rem;
text-align: center;
}
.secondary_pop .secondary_in .btn_wrap .cancel,
.secondary_pop .agent_pop_in .btn_wrap .cancel,
.secondary_pop .president_pop_in .btn_wrap .cancel,
.agent_pop .secondary_in .btn_wrap .cancel,
.agent_pop .agent_pop_in .btn_wrap .cancel,
.agent_pop .president_pop_in .btn_wrap .cancel,
.president_pop .secondary_in .btn_wrap .cancel,
.president_pop .agent_pop_in .btn_wrap .cancel,
.president_pop .president_pop_in .btn_wrap .cancel {
background: #ebebeb;
color: #7b7b7d;
}
.custom_pop {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
}
.custom_pop .custom_pop_in {
width: 9.1733333333rem;
background: #ffffff;
border-radius: 0.4266666667rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.custom_pop .custom_pop_in .title {
width: 100%;
font-weight: 500;
font-size: 0.4266666667rem;
color: #313131;
text-align: center;
padding: 0.3733333333rem 0 0.1333333333rem;
}
.custom_pop .custom_pop_in h1 {
font-size: 0.32rem;
color: #afb1b3;
line-height: 0.4533333333rem;
text-align: center;
padding-bottom: 0.2133333333rem;
}
.custom_pop .custom_pop_in h2 {
font-size: 0.32rem;
color: #7b7b7d;
line-height: 0.4533333333rem;
padding-left: 2.1333333333rem;
padding-top: 0.1333333333rem;
box-sizing: border-box;
}
.custom_pop .custom_pop_in .ipt {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.custom_pop .custom_pop_in .ipt span {
font-weight: 600;
font-size: 0.48rem;
color: #C859FF;
margin-right: 0.2666666667rem;
}
.custom_pop .custom_pop_in .ipt input {
width: 5.6533333333rem;
height: 0.8rem;
border-radius: 0.2133333333rem;
border: 1px solid #e4e4e4;
outline: none;
font-weight: 500;
font-size: 0.4rem;
color: #313131;
padding: 0 0.1333333333rem;
}
.custom_pop .custom_pop_in .ipt e {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 1.4rem;
font-weight: 400;
font-size: 0.3733333333rem;
color: #C859FF;
}
.custom_pop .custom_pop_in .btn_wrap {
width: 6.9866666667rem;
margin: 0.5333333333rem auto 0.2666666667rem;
display: flex;
justify-content: space-evenly;
}
.custom_pop .custom_pop_in .btn_wrap .cancel,
.custom_pop .custom_pop_in .btn_wrap .sure {
width: 2.72rem;
height: 0.8rem;
background: #C859FF;
border-radius: 0.6666666667rem;
font-weight: 500;
color: #ffffff;
font-size: 0.3733333333rem;
line-height: 0.8rem;
text-align: center;
}
.custom_pop .custom_pop_in .btn_wrap .cancel {
background: #ebebeb;
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.1466666667rem;
min-height: 4.64rem;
background: #fff;
border-radius: 0.4266666667rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.success .success_in .title {
width: 100%;
text-align: center;
color: #313131;
font-size: 0.4533333333rem;
height: 0.64rem;
margin-top: 0.4rem;
margin-bottom: 0.3733333333rem;
font-weight: 500;
}
.success .success_in p {
width: 8.08rem;
margin: 0 auto 0.3733333333rem;
color: #7B7B7D;
font-size: 0.3733333333rem;
font-weight: 400;
line-height: 0.5333333333rem;
}
.success .success_in .but {
width: 8.08rem;
height: 1.2266666667rem;
line-height: 1.2266666667rem;
text-align: center;
color: #fff;
font-size: 0.4266666667rem;
font-weight: 500;
margin: 0 auto;
background: #C859FF;
border-radius: 0.6666666667rem;
margin-bottom: 0.3733333333rem;
}
.arabic .agent_pop .agent_pop_in .wrap li {
direction: ltr;
}
.arabic .nav .back {
right: 0.4rem;
left: unset;
transform: rotate(180deg);
}
.arabic .transfer_method .official_withdraw .pop {
left: unset;
right: 3.2rem;
top: -0.8rem;
}
.arabic .my_salary p img {
transform: rotate(180deg);
}
.arabic .custom_pop .custom_pop_in .ipt e {
right: unset;
left: 1.4rem;
}
.arabic .custom_pop .custom_pop_in h2 {
padding-right: 1.4666666667rem;
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;
}

View File

@@ -0,0 +1,909 @@
@function px2rem($px) {
@return $px / 37.5+rem;
}
body,
html {
width: 100%;
background: #ffffff;
// overflow: hidden;
}
.nav {
width: 100%;
height: px2rem(88);
background: #ffffff;
position: fixed;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 100;
.back {
width: px2rem(22);
height: px2rem(22);
position: absolute;
left: px2rem(15);
bottom: px2rem(11);
}
p {
height: px2rem(22);
line-height: px2rem(22);
font-size: px2rem(16);
font-weight: 500;
color: #313131;
position: absolute;
bottom: px2rem(10);
left: 50%;
transform: translateX(-50%);
}
}
.my_salary {
width: px2rem(342);
padding-bottom: px2rem(8);
border-bottom: 1px solid #e4e4e4;
margin: px2rem(114) auto 0;
display: flex;
justify-content: space-between;
p {
height: px2rem(25);
line-height: px2rem(25);
e,
b {
font-size: px2rem(18);
color: #313131;
}
b {
color: #C859FF;
}
span {
font-size: px2rem(14);
color: #7b7b7d;
}
img {
width: px2rem(24);
height: px2rem(24);
display: inline-block;
}
}
}
.tab {
width: px2rem(344);
height: px2rem(32);
background: #f2f3f7;
border-radius: px2rem(8);
margin: px2rem(10) auto 0;
display: flex;
.item {
width: 50%;
height: 100%;
border-radius: px2rem(8);
font-size: px2rem(14);
color: #313131;
line-height: px2rem(32);
text-align: center;
}
.act {
background: #C859FF;
color: #ffffff;
}
}
.transfer_method_tit,
.transfer_dollars_tit {
width: px2rem(345);
margin: 0 auto 0;
display: flex;
align-items: baseline;
.title {
font-weight: 600;
font-size: px2rem(18);
color: #313131;
line-height: px2rem(25);
padding: px2rem(12) 0;
&::before {
content: "";
display: inline-block;
width: px2rem(4);
height: px2rem(18);
border-radius: px2rem(14);
background: #C859FF;
vertical-align: top;
margin: px2rem(4) px2rem(8);
}
}
p {
height: px2rem(18);
line-height: px2rem(18);
font-size: px2rem(10);
color: #ffffff;
padding: 0 px2rem(6);
background: #313131;
border-radius: px2rem(12);
margin: 0 px2rem(5);
}
}
.transfer_method,
.transfer_dollars {
width: px2rem(344);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
li {
width: px2rem(168);
height: px2rem(70);
background: #f2f3f7;
border-radius: px2rem(8);
box-sizing: border-box;
// margin-right: px2rem(6);
margin-bottom: px2rem(6);
position: relative;
border: px2rem(2) solid #fff;
&:nth-child(2n) {
margin-right: unset;
}
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: center;
p {
font-weight: 500;
font-size: px2rem(16);
color: #313131;
text-align: center;
line-height: px2rem(22);
}
span {
font-weight: 400;
font-size: px2rem(14);
color: #313131;
.coin {
width: px2rem(14);
height: px2rem(14);
display: inline-block;
}
}
.dollar {
width: px2rem(16);
height: px2rem(16);
margin-top: px2rem(2);
}
.wenhao {
width: px2rem(22);
height: px2rem(22);
display: inline-block;
}
.custom {
width: px2rem(12);
height: px2rem(12);
margin-top: px2rem(5);
display: inline-block;
}
.tips {
background: #C859FF;
border-radius: 0px px2rem(6) 0px px2rem(8);
position: absolute;
top: 0;
right: 0;
font-size: px2rem(12);
color: #ffffff;
padding: px2rem(4);
img {
width: px2rem(11);
height: px2rem(11);
display: inline-block;
vertical-align: unset;
}
}
}
.li_act {
border: px2rem(2) solid #C859FF;
}
.official_withdraw,
.agent_settlement {
position: relative;
// display: none;
.pop {
min-width: px2rem(216);
// height: px2rem(42);
// background: url(../images/pop.png) no-repeat;
// background-size: 100% 100%;
position: absolute;
top: -0.4rem;
left: 2.9rem;
font-size: px2rem(12);
line-height: px2rem(16);
color: #ffffff;
padding: px2rem(8);
background: #C859FF;
border-radius: px2rem(8);
}
}
}
.transfer_dollars {
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: #C859FF;
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);
// background: linear-gradient(274deg, #feb301 0%, #ffda5f 100%);
background: #C859FF;
border-radius: px2rem(25);
position: fixed;
bottom: px2rem(18);
left: 50%;
transform: translateX(-50%);
font-weight: 400;
font-size: px2rem(16);
color: #ffffff;
line-height: px2rem(40);
text-align: center;
}
.secondary_pop,
.agent_pop,
.president_pop {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
.secondary_in,
.agent_pop_in,
.president_pop_in {
width: px2rem(290);
// height: px2rem(495);
background: #ffffff;
border-radius: px2rem(16);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
.title {
width: 100%;
font-weight: 500;
font-size: px2rem(16);
color: #313131;
text-align: center;
padding: px2rem(14) 0;
}
h2 {
font-size: px2rem(12);
color: #afb1b3;
line-height: px2rem(17);
text-align: center;
padding: 0 px2rem(8) px2rem(8);
}
.wrap {
width: px2rem(262);
max-height: px2rem(374);
margin: 0 auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
&::-webkit-scrollbar {
display: none;
}
li {
box-sizing: border-box;
border: 2px solid #fff;
width: 100%;
height: px2rem(72);
background: #f4f4f4;
border-radius: px2rem(8);
margin-bottom: px2rem(10);
position: relative;
.avatar {
width: px2rem(55);
height: px2rem(55);
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: px2rem(9);
}
.name {
display: flex;
align-items: center;
position: absolute;
top: px2rem(11);
left: px2rem(76);
p {
max-width: 3rem;
// 单行溢出省略
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 600;
font-size: px2rem(16);
color: #333333;
line-height: px2rem(22);
}
.flag {
width: px2rem(17);
height: px2rem(12);
}
}
.starLevel {
height: px2rem(15);
line-height: px2rem(15);
display: flex;
position: absolute;
left: px2rem(76);
top: px2rem(48);
span {
height: px2rem(15);
margin-right: px2rem(4);
color: #7B7B7D;
font-size: px2rem(13);
}
img {
width: px2rem(15);
height: px2rem(15);
display: block;
margin: 0 px2rem(1.5);
}
}
.id {
font-weight: 400;
font-size: px2rem(13);
color: #7b7b7d;
position: absolute;
top: px2rem(33);
left: px2rem(76);
}
}
.li_act {
box-sizing: border-box;
border: 2px solid #C859FF;
}
li.no {
width: 100%;
// line-height: px2rem(374);
line-height: 1.92rem;
text-align: center;
font-weight: 400;
font-size: px2rem(10);
color: #7b7b7d;
}
}
.tip_txt1,
.tip_txt2 {
font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: px2rem(12);
color: #AFB1B3;
line-height: px2rem(17);
text-align: center;
font-style: normal;
text-transform: none;
margin: 0 px2rem(10);
}
.tip_txt2{
margin-top: px2rem(6);
}
.btn_wrap {
width: px2rem(262);
margin: px2rem(10) auto;
display: flex;
justify-content: space-evenly;
.cancel,
.sure {
width: px2rem(110);
height: px2rem(36);
background: #C859FF;
border-radius: px2rem(117);
font-weight: 500;
color: #ffffff;
font-size: px2rem(14);
line-height: px2rem(36);
text-align: center;
}
.cancel {
background: #ebebeb;
color: #7b7b7d;
}
}
}
// .agent_pop_in{
// width: px2rem(580);
// height: px2rem(988);
// }
}
.custom_pop {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
z-index: 999;
display: none;
.custom_pop_in {
width: px2rem(344);
// height: px2rem(495);
background: #ffffff;
border-radius: px2rem(16);
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
.title {
width: 100%;
font-weight: 500;
font-size: px2rem(16);
color: #313131;
text-align: center;
padding: px2rem(14) 0 px2rem(5);
}
h1 {
font-size: px2rem(12);
color: #afb1b3;
line-height: px2rem(17);
text-align: center;
padding-bottom: px2rem(8);
}
h2 {
font-size: px2rem(12);
color: #7b7b7d;
line-height: px2rem(17);
padding-left: px2rem(80);
padding-top: px2rem(5);
box-sizing: border-box;
}
.ipt {
display: flex;
align-items: center;
justify-content: center;
position: relative;
span {
font-weight: 600;
font-size: px2rem(18);
color: #C859FF;
margin-right: px2rem(10);
}
input {
width: px2rem(212);
height: px2rem(30);
border-radius: px2rem(8);
border: 1px solid #e4e4e4;
outline: none;
font-weight: 500;
font-size: px2rem(15);
color: #313131;
padding: 0 px2rem(5);
}
e {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 1.4rem;
font-weight: 400;
font-size: px2rem(14);
color: #C859FF;
// text-decoration: underline;
}
}
.btn_wrap {
width: px2rem(262);
margin: px2rem(20) auto px2rem(10);
display: flex;
justify-content: space-evenly;
.cancel,
.sure {
width: px2rem(102);
height: px2rem(30);
// background: linear-gradient(274deg, #feb301 0%, #ffda5f 100%);
background: #C859FF;
border-radius: px2rem(25);
font-weight: 500;
color: #ffffff;
font-size: px2rem(14);
line-height: px2rem(30);
text-align: center;
}
.cancel {
background: #ebebeb;
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_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: #C859FF;
border-radius: px2rem(25);
margin-bottom: px2rem(14);
}
}
}
.arabic {
.agent_pop .agent_pop_in .wrap li {
direction: ltr;
}
.nav {
.back {
right: px2rem(15);
left: unset;
transform: rotate(180deg);
}
}
.transfer_method .official_withdraw .pop {
left: unset;
right: 3.2rem;
top: -0.8rem;
}
.my_salary p img {
transform: rotate(180deg);
}
.custom_pop .custom_pop_in {
.ipt e {
right: unset;
left: 1.4rem;
}
h2 {
padding-right: 1.4666666667rem;
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;
}
}

View File

@@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title id="bill_title" class="text1">Bill</title>
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="" />
<script src="../../common/js/flexible.js"></script>
<link rel="stylesheet" href="../../common/css/reset.css" />
<link rel="stylesheet" href="css/game_bill.css" />
</head>
<body>
<div class="nav">
<img src="./images/travel/back3.png" class="back" alt="" />
<p class="text1"></p>
</div>
<div class="income_expenses">
<p class="item act text2"></p>
<p class="item text3"></p>
</div>
<ul>
<!-- <li>
<div>
<p>Salary exchange for coins</p>
<b>-0ÜS</b>
</div>
<div>
<span>Salary:100ÜS->50ÜS</span>
<span>2024/06/11 11:12:56</span>
</div>
</li>
<li>
<div>
<p>Salary exchange for coins</p>
<b>-0ÜS</b>
</div>
<div>
<span>Salary:100ÜS->50ÜS</span>
<span>2024/06/11 11:12:56</span>
</div>
</li> -->
</ul>
<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>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="./local/en.js"></script>
<script src="./local/zh.js"></script>
<script src="./local/ar.js"></script>
<script src="./local/br.js"></script>
<script src="./local/tr.js"></script>
<script src="./js/game_bill.js?v=1.0"></script>
<script src="../../common/local/langHandler.js"></script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 393 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 263 B

View File

@@ -75,7 +75,15 @@
<!-- 信息入口 -->
<div class="headerBox">
<div class="headerBox_in">
<div style="display: none;" class="memberFlow E3F2FF">
<div class="Game_incomeBox">
<img src="./images/Game_income.png" alt="">
<span class="Game_income"></span>
</div>
<div class="Diamond_incomeBox">
<img src="./images/icon1.png" alt="">
<span class="Diamond_income"></span>
</div>
<!-- <div style="display: none;" class="memberFlow E3F2FF">
<img src="./images/icon1.png" alt="">
<span class="newtext1"></span>
</div>
@@ -83,7 +91,7 @@
<b><img src="./images/icon2.png" alt="">
<span class="newtext2"></span></b>
<img src="./images/why.png" alt="" class="why">
</div>
</div> -->
<div style="display: none;" class="guildInfoSet">
<img src="./images/icon3.png" alt="">
<span class="newtext3"></span>

View File

@@ -74,12 +74,15 @@ function translateFun() {
$('.p5').text(langReplace(localLang.pTitle.p5));
$('.p6').text(langReplace(localLang.pTitle.p6));
}
var salaryType = urlData.salaryType; //1游戏薪资 2钻石薪资
// 获取
function get() {
let demaned = salaryType==1?'/game/usd/withdrawAccount/get':'/guild/usd/withdrawAccount/get'
showLoading();
networkRequest({
type: "GET",
url: urlPrefix + "/guild/usd/withdrawAccount/get",
url: urlPrefix + demaned,
data: { type: getQueryString().type },
success: function (res) {
if (res.code == 200) {
@@ -178,17 +181,19 @@ $('.but .ok').click(function (params) {
})
// 绑定更新信息
function update(obj) {
let demaned = salaryType==1?'/game/usd/withdrawAccount/bound':'/guild/usd/withdrawAccount/bound'
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/bound",
url: urlPrefix + demaned,
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {
if (res.code == 200) {
get();
toastMsg('success');
location.href = './salary_account.html'
// location.href = './salary_account.html'
window.history.back();
} else {
toastMsg(res.message);
}
@@ -209,10 +214,11 @@ $('.but .determine').click(function () {
})
// 解绑
function unbound(obj) {
let demaned = salaryType==1?'/game/usd/withdrawAccount/unbound':'/guild/usd/withdrawAccount/unbound'
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/unbound",
url: urlPrefix + demaned,
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {

View File

@@ -0,0 +1,242 @@
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'
})
}
// 初始化函數
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.back .backs').click(() => {
window.history.back();
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
getTimeBoxData();
getGuildGame();
}, 100)
})
function translateFun() {
var langReplace = window.lang.replace;
var localLang = window.lang;
$('.Game_salary').text(langReplace(localLang.GameSalary.Game_salary));
$('.Enter_account').text(langReplace(localLang.GameSalary.Enter_account));
$('.Received_salary').text(langReplace(localLang.GameSalary.Received_salary));
$('.Game_Times').text(langReplace(localLang.GameSalary.Game_Times));
$('.Daily_data').text(langReplace(localLang.GameSalary.Daily_data));
$('.Salary').text(langReplace(localLang.GameSalary.Salary));
$('.Receive').text(langReplace(localLang.GameSalary.Receive));
$('.Received').text(langReplace(localLang.GameSalary.Received));
$('.Expired').text(langReplace(localLang.GameSalary.Expired));
$('.Confirm').text(langReplace(localLang.GameSalary.Confirm));
$('.Received_successfully').text(langReplace(localLang.GameSalary.Received_successfully));
}
function getGuildGame() {
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/guildGameUsd/info',
data: {
monthDate: timeDate
},
success(res) {
if (res.code === 200) {
let Resultados = res.data;
$('.user_info .avatar img').attr('src', Resultados.avatar)
$('.user_info .info .nick').text(Resultados.nick)
$('.user_info .info .erbanNo').text(`ID: ${Resultados.erbanNo}`)
$('.salary_num .num').text(Resultados.gameSalary)
$('.info_salary .receivedSalary').text(Resultados.gameDayVo.receivedSalary)
$('.info_salary .totalPlayGameNum').text(Resultados.gameDayVo.totalPlayGameNum)
// 每日数据
$('.Daily_dataBox .content_list .content_box').remove();
let str = ''
Resultados.gameDayVo.dayDetailList.forEach((item, index) => {
str += `
<div class="content_box">
<div class="felx_box">
<span class="creat_time">${item.statDate}</span>
<div class="Go_game" style='display:${item.receiveStatus == 4 ? '' : 'none'}'></div>
<div class="${item.receiveStatus == 0 ? 'Receive' : item.receiveStatus == 1 ? 'Received' : 'Expired'} Expired_btn" style='display:${item.receiveStatus != 4 ? '' : 'none'}' daySalary='${item.daySalary}' statDate='${item.statDate}' guildMemberId='${Resultados.guildMemberId}'></div>
</div>
<div class="felx_box">
<span class="Salary"></span>
<span class="num">${item.daySalary}</span>
</div>
<div class="felx_box">
<span class="Game_name"></span>
<span class="num">Ludo</span>
</div>
<div class="felx_box">
<span class="Game_Times"></span>
<span class="num">${item.playGameNum}</span>
</div>
</div>
`
})
$('.Daily_dataBox .content_list').append(str);
$('.Game_Times').text(langReplace(localLang.GameSalary.Game_Times));
$('.Game_name').text(langReplace(localLang.GameSalary.Game_name));
$('.Salary').text(langReplace(localLang.GameSalary.Salary));
$('.Go_game').text(langReplace(localLang.GameSalary.Go_game));
$('.Receive').text(langReplace(localLang.GameSalary.Receive));
$('.Received').text(langReplace(localLang.GameSalary.Received));
$('.Expired').text(langReplace(localLang.GameSalary.Expired));
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
// 领取薪资
$('.Daily_dataBox .content_list').on('click', '.content_box .Receive', function () {
let daySalary = $(this).attr('daysalary')
let statDate = $(this).attr('statDate')
let guildMemberId = $(this).attr('guildMemberId')
showLoading()
networkRequest({
type: 'post',
url: urlPrefix + '/guildGameUsd/receive',
data: {
usd :daySalary,
statDate,
guildMemberId
},
success(res) {
if (res.code === 200) {
$('.popup_tip .popup_content .content').html(langReplace(localLang.GameSalary.You_count(daySalary)))
bodyScroolFun(true);
$('.popup_tip').show();
getGuildGame();
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
})
// 前往游戏
$('.Daily_dataBox .content_list').on('click', '.content_box .Go_game', function () {
if (browser.android) {
if (androidJsObj && typeof androidJsObj === 'object') {
window.androidJsObj.showHomeGameDialog();
}
}
})
// 关闭弹窗
$('.popup_tip .popup_content .tip_btn').click(function () {
bodyScroolFun(false);
$('.popup_tip').hide();
});
// 选择开始时间
$('.info_salary .time_box').click(function () {
bodyScroolFun(true);
$('.timeBox').show();
})
$('.timeBox').click(function () {
bodyScroolFun(false);
$('.timeBox').toggle();
})
var timeDate;
// 选择时间
$('.timeBox .timeBox_in ul').on('click', 'li', function (event) {
event.stopPropagation();
var time = $(this).text();
$(this).addClass('act').siblings().removeClass('act');
timeDate = time;
})
// 确认时间按钮
$('.timeBox .timeBox_in .but').click(function (event) {
event.stopPropagation();
$('.info_salary .time_box .time').text(timeDate);
bodyScroolFun(false);
$('.timeBox').hide();
getGuildGame();
// pageNo = 1;
// AgencyList = [];
// getData();
})
// 薪资账户
$('.Enter_account').click(function (params) {
window.location.href = `./salary_game_account.html`
return
})
function getTimeBoxData() {
// 使用示例
const lastThreeMonths = getLastThreeMonths();
var str = '';
lastThreeMonths.forEach(res => {
str += `
<li>${res}</li>
`
})
$('.timeBox .timeBox_in ul').append(str);
$('.info_salary .time_box .time').text(lastThreeMonths[lastThreeMonths.length - 1]);
timeDate = lastThreeMonths[lastThreeMonths.length - 1];
}
// 获取当前月份及前两个月的 yyyy-MM 格式
function getLastThreeMonths() {
const months = [];
const now = new Date();
// 获取当前月份
for (let i = 2; i >= 0; i--) {
const date = new Date(now.getFullYear(), now.getMonth() - i, 1);
const year = date.getFullYear();
const month = String(date.getMonth() + 1).padStart(2, '0');
months.push(`${year}-${month}`);
}
return months;
}

View File

@@ -71,12 +71,15 @@ function translateFun() {
$('.p5').text(langReplace(localLang.pTitle.p5));
}
var salaryType = urlData.salaryType; //1游戏薪资 2钻石薪资
// 获取
function get() {
let demaned = salaryType==1?'/game/usd/withdrawAccount/get':'/guild/usd/withdrawAccount/get'
showLoading();
networkRequest({
type: "GET",
url: urlPrefix + "/guild/usd/withdrawAccount/get",
url: urlPrefix + demaned,
data: { type: getQueryString().type },
success: function (res) {
if (res.code == 200) {
@@ -170,17 +173,19 @@ $('.but .ok').click(function (params) {
})
// 绑定更新信息
function update(obj) {
let demaned = salaryType==1?'/game/usd/withdrawAccount/bound':'/guild/usd/withdrawAccount/bound'
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/bound",
url: urlPrefix + demaned,
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {
if (res.code == 200) {
get();
toastMsg('success');
location.href = './salary_account.html'
// location.href = './salary_account.html'
window.history.back();
} else {
toastMsg(res.message);
}
@@ -201,10 +206,11 @@ $('.but .determine').click(function () {
})
// 解绑
function unbound(obj) {
let demaned = salaryType==1?'/game/usd/withdrawAccount/unbound':'/guild/usd/withdrawAccount/unbound'
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/unbound",
url: urlPrefix + demaned,
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {

View File

@@ -67,12 +67,14 @@ function translateFun() {
$('.p2').text(langReplace(localLang.pTitle.p2));
}
var salaryType = urlData.salaryType; //1游戏薪资 2钻石薪资
// 获取
function get() {
let demaned = salaryType==1?'/game/usd/withdrawAccount/get':'/guild/usd/withdrawAccount/get'
showLoading();
networkRequest({
type: "GET",
url: urlPrefix + "/guild/usd/withdrawAccount/get",
url: urlPrefix + demaned,
data: { type: getQueryString().type },
success: function (res) {
if (res.code == 200) {
@@ -163,17 +165,19 @@ $('.but .ok').click(function (params) {
})
// 绑定更新信息
function update(obj) {
let demaned = salaryType==1?'/game/usd/withdrawAccount/bound':'/guild/usd/withdrawAccount/bound'
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/bound",
url: urlPrefix + demaned,
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {
if (res.code == 200) {
get();
toastMsg('success');
location.href = './salary_account.html'
// location.href = './salary_account.html'
window.history.back();
} else {
toastMsg(res.message);
}
@@ -194,10 +198,11 @@ $('.but .determine').click(function () {
})
// 解绑
function unbound(obj) {
let demaned = salaryType==1?'/game/usd/withdrawAccount/unbound':'/guild/usd/withdrawAccount/unbound'
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/unbound",
url: urlPrefix + demaned,
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {

View File

@@ -0,0 +1,180 @@
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 list = [];
var pageNo = 1;
var pageSize = 20;
var canNext = true;
var type = 1 //1--收入 2--支出
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.nav .back').click(() => {
window.history.back();
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
getData()
}, 100);
// 页面触底 分页加载
$(window).scroll(function () {
if ($(this).scrollTop() + $(this).height() >= $(document).height() - 5) {
console.log(list.length);
if (canNext && list.length == pageSize) {
canNext = false
pageNo++;
getData();
} else {
// toastMsg("No more~");
}
}
});
});
function translateFun() {
langReplace = window.lang.replace;
localLang = window.lang;
$('.text1').text(langReplace(localLang.bill.text1));
$('.text2').text(langReplace(localLang.bill.text2));
$('.text3').text(langReplace(localLang.bill.text3));
}
// 获取账单列表
function getData() {
showLoading();
networkRequest({
type: "GET",
url: urlPrefix + "/game/usd/bill/page",
data: { type, page: pageNo, pageSize, uid: pubInfo.uid },
success: function (res) {
if (res.code == 200) {
list = res.data
let str = ''
list.forEach(item => {
// tradeType 1 收入 2支出
// if (item.tradeType == 1) {
str += `
<li class="${item.type == 5 || item.type == 6 || item.type == 8 ? 'actLi' : ''}">
<div>
${(item.type == 5 || item.type == 6 || item.type == 8) ? `<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>${classificationType(item.type, item)}</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>${item.createTime}</span>
</div>
</li>`
// } else {
// str += `<li>
// <div>
// <p>${item.type == 1 ? '' : item.type == 2 ? '' : item.type == 3 ? '' : item.type == 4 ? '' : ''}</p>
// <b>-${item.operateUsdNum.toLocaleString()} ÜS</b>
// </div>
// <div>
// <span>Salary:${item.beforeUsdNum}ÜS->${item.afterUsdNum}ÜS</span>
// <span>${dateFormat(item.createTime, 'yyyy/MM/dd hh:mm:ss')}</span>
// </div>
// </li>`
// }
});
$('ul').append(str)
}
canNext = true
hideLoading(layerIndex);
},
error: function (res) {
console.log(res, "报错啦");
hideLoading(layerIndex);
canNext = true
},
});
}
// 分类type
function classificationType(type, item) {
switch (type) {
case 1:
return langReplace(localLang.bill.Salary_Withdrawal)
break;
case 2:
return langReplace(localLang.bill.text7)
break;
case 3:
return `ID:${type == 1 ? item.target.erbanNo : item.me.erbanNo} ${langReplace(localLang.bill.text8)} ID: ${type == 1 ? item.me.erbanNo : item.target.erbanNo}`
break;
case 4:
return langReplace(localLang.bill.text9)
break;
case 5:
return langReplace(localLang.bill.text6)
break;
case 6:
return langReplace(localLang.bill.text9)
break;
case 8:
return langReplace(localLang.bill.text6)
break;
default:
return langReplace(localLang.bill.text9)
}
}
$(".income_expenses p").click(function () {
let i = $(this).index()
$(this).addClass('act')
$(this).siblings().removeClass('act')
pageNo = 1
canNext = true
$('ul li').remove()
if (i == 0) {
type = 1
} else {
type = 2
}
getData()
})

View File

@@ -103,12 +103,14 @@ function translateFun() {
}
}
var salaryType = urlData.salaryType; //1游戏薪资 2钻石薪资
// 获取
function get() {
let demaned = salaryType==1?'/game/usd/withdrawAccount/get':'/guild/usd/withdrawAccount/get'
showLoading();
networkRequest({
type: "GET",
url: urlPrefix + "/guild/usd/withdrawAccount/get",
url: urlPrefix + demaned,
data: { type: getQueryString().type },
success: function (res) {
if (res.code == 200) {
@@ -258,17 +260,19 @@ $('.but .ok').click(function (params) {
})
// 绑定更新信息
function update(obj) {
let demaned = salaryType==1?'/game/usd/withdrawAccount/bound':'/guild/usd/withdrawAccount/bound'
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/bound",
url: urlPrefix + demaned,
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {
if (res.code == 200) {
get();
toastMsg('success');
location.href = './salary_account.html'
// location.href = './salary_account.html'
window.history.back();
} else {
toastMsg(res.message);
}
@@ -290,10 +294,11 @@ $('.but .determine').click(function () {
})
// 解绑
function unbound(obj) {
let demaned = salaryType==1?'/game/usd/withdrawAccount/unbound':'/guild/usd/withdrawAccount/unbound'
showLoading();
networkRequest({
type: "post",
url: urlPrefix + "/guild/usd/withdrawAccount/unbound",
url: urlPrefix + demaned,
contentType: 'application/json;charset=UTF-8',
data: obj,
success: function (res) {

View File

@@ -106,6 +106,8 @@ function translateFun() {
// }
$('.weeklyRewardsText3').text(langReplace(localLang.demoModule.weeklyRewardsText3));
$('.weeklyRewardsText4').text(langReplace(localLang.demoModule.weeklyRewardsText4));
$('.Game_income').text(langReplace(localLang.demoModule.Game_income));
$('.Diamond_income').text(langReplace(localLang.demoModule.Diamond_income));
// $('.weeklyRewardsText5').text(langReplace(localLang.demoModule.weeklyRewardsText5));
}
// 判断公会身份函数
@@ -464,8 +466,8 @@ $('.adminSet').click(function () {
$('.guildInfoSet').click(function () {
window.location.href = `./guildInfoSet.html?guildNick=${guildNick}&avatar=${avatar}&backgroundUrl=${backgroundUrl}&payoneer=${payoneer}&usdt=${usdt}&payPal=${payPal}`
})
// 我的收入
$('.memberFlow').click(function (params) {
// 我的收入 - 钻石收益
$('.Diamond_incomeBox').click(function (params) {
window.location.href = `./personal.html?roleTypes=${roleTypes}&partitionId=${partitionId}`
})
// 薪资账户
@@ -485,6 +487,10 @@ $('.inveMember').click(function (params) {
$(`.myWages`).click(function (params) {
window.location.href = `./memberFlow222.html?familyMemberId=${familyMemberId}`
})
// 游戏收益
$('.Game_incomeBox').click(function (params) {
window.location.href = `./GameIncome.html`
})
// $('.guildList .top ').on('focus', 'input', () => {
// $('.headerBox').css('margin','-0.9rem auto 0rem')
// console.log("聚焦");

View File

@@ -76,8 +76,8 @@ $(function () {
function translateFun() {
const langReplace = window.lang.replace;
const localLang = window.lang;
$('.text1').text(langReplace(localLang.salary.text1));
$('.text2').text(langReplace(localLang.salary.text2));
$('.text1').text(langReplace(localLang.GameSalary.Diamond_account));
$('.text2').text(langReplace(localLang.GameSalary.Diamond_salary));
$('.text3').text(langReplace(localLang.salary.text3));
$('.text4').text(langReplace(localLang.salary.text4));
$('.text5').text(langReplace(localLang.salary.text5));
@@ -280,7 +280,7 @@ function typeTabFun(type) {
<img class="wenhao" src="./images/wenhao.png" style="display:${res.type == 5 ?'inline-block':'none'}" />
</p>
<div class="pop" style="display:none">
${ partitionId!=16 ?langReplace(localLang.salary.text21) : langReplace(localLang.newENsalary.text21)}
${langReplace(localLang.GameSalary.Official_day)}
</div>
</li>
`
@@ -292,7 +292,7 @@ function typeTabFun(type) {
<e>${langReplace(localLang.salary.text22)}</e>
</p>
<div class="pop" style="display:none">
${ partitionId!=16 ?langReplace(localLang.salary.text21) : langReplace(localLang.newENsalary.text21)}
${langReplace(localLang.GameSalary.Official_day)}
</div>
</li>
`
@@ -304,7 +304,7 @@ function typeTabFun(type) {
<e>${langReplace(localLang.salary.text23)}</e>
</p>
<div class="pop" style="display:none">
${ partitionId!=16 ?langReplace(localLang.salary.text21) : langReplace(localLang.newENsalary.text21)}
${langReplace(localLang.GameSalary.Official_day)}
</div>
</li>
`

View File

@@ -0,0 +1,712 @@
let urlPrefix = getUrlPrefix()
let browser = checkVersion()
let env = EnvCheck();
var urlData = getQueryString();
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 agencyRoleType = urlData.agencyRoleType
var hallId = urlData.hallId
var region = urlData.region
var gender = urlData.gender
var personUsbToGoldRate // 个人薪资兑换金币比例
var agentUsbToGoldRate // 充值代理结算兑换金币比例
var tradeUsb = null
var myusb = null
var tabPersonalArr = [];
var tabAgentArr = [];
var transfer_dollars_Arr;
var transfer_dollars_ArrType;
var typeTabType = '';
var ratio;
var usGold;
var accountListName;
var accountObj = {};
var withdrawRate;
var partitionId = window.localStorage.getItem('partitionId')
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
setTimeout(function () {
// 頁面全屏
if (browser.app) {
if (browser.android) {
window.androidJsObj.initShowNav(false)
} else {
window.webkit.messageHandlers.initShowNav.postMessage(0)
}
};
// 頂部返回事件
$('.nav .back').click(() => {
window.history.back();
})
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
langReplace = window.lang.replace;
localLang = window.lang;
translateFun();
getTab();
}, 100);
function translateFun() {
const langReplace = window.lang.replace;
const localLang = window.lang;
$('.text1').text(langReplace(localLang.GameSalary.salary_account));
$('.text2').text(langReplace(localLang.GameSalary.Game_salary));
$('.text3').text(langReplace(localLang.salary.text3));
$('.text4').text(langReplace(localLang.salary.text4));
$('.text5').text(langReplace(localLang.salary.text5));
$('.text6').text(langReplace(localLang.salary.text6));
$('.text7').text(langReplace(localLang.salary.text7));
$('.text8').text(langReplace(localLang.salary.text8));
$('.text9').text(langReplace(localLang.salary.text9));
$('.text10').text(langReplace(localLang.salary.text10));
$('.text11').text(langReplace(localLang.salary.text11));
$('.text12').text(langReplace(localLang.salary.text12));
$('.text13').text(langReplace(localLang.salary.text13));
$('.text14').html(langReplace(localLang.salary.text14));
$('.text15').text(langReplace(localLang.salary.text15));
$('.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));
$('.textnew17').html(langReplace(localLang.salary.textnew17));
$('.Reminder').html(langReplace(localLang.salary.Reminder));
$('.tip_txt2').html(langReplace(localLang.salary.tip_txt2));
if(partitionId !=16){
$('.textnew16').html(langReplace(localLang.salary.textnew16));
}else{
$('.textnew16').html(langReplace(localLang.newENsalary.textnew16));
}
}
});
var rechargeUserLimitTip;
// 获取usd操作的功能标签tab
function getTab() {
tabPersonalArr = [];
tabAgentArr = [];
showLoading()
networkRequest({
type: 'get',
url: urlPrefix + '/guildGameUsd/getTab',
success(res) {
if (res.code === 200) {
// 渲染公会长结算弹窗数据
var guildOwner = res.data.guildOwner;
$('.president_pop .avatar').attr('src', guildOwner.avatar);
$('.president_pop .sure').attr('uid', guildOwner.uid);
$('.president_pop .name p').text(`${guildOwner.nick}`);
$('.president_pop .id').text(`ID:${guildOwner.erbanNo}`);
// 代理弹窗数据
$('.agent_pop .wrap li').remove()
var agent_popStr = '';
rechargeUserLimitTip = res.data.rechargeUserLimitTip;
var rechargeUserList = res.data.rechargeUserLimitTip?[]:res.data.rechargeUserList;
// if (rechargeUserList.length <= 0 ) {
// $('.agent_pop .wrap').append(`<li class="no">${langReplace(localLang.salary.text10)}</li>`);
// } else {
// rechargeUserList.forEach((res, i) => {
// agent_popStr += `
// <li class="${i == 0 ? 'li_act' : ''}" uid=${res.uid}>
// <img src="${res.avatar}" alt="" class="avatar">
// <dic class="name">
// <p>${res.nick}</p>
// <img src="" alt="" class="flag">
// </dic>
// <p class="id">ID:${res.erbanNo}</p>
// <div class="starLevel">
// <span>${langReplace(localLang.salary.textnew18)}</span>
// ${starFun(res)}
// </div>
// </li>
// `
// })
// $('.agent_pop .wrap').append(agent_popStr);
// $('.agent_pop .sure').attr('uid', rechargeUserList[0].uid);
// }
// 渲染账户列表
var accountListStr = '';
$('.selectAccount .selectAccount_in .accountBox .account').remove();
res.data.withdrawAccountList.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} name=${res.name}>
</div>
`
})
$('.selectAccount .selectAccount_in .accountBox').append(accountListStr);
// 当前可提现余额
usGold = res.data.gameUsdNum
$('.my_salary p b').text(`${usGold}ÜS`);
// 处理tab对应列表
var tabStr = ''
$('.tab .item').remove();
if (res.data.typeTab.length <= 1) { $('.tab').css('background', 'none') }
res.data.typeTab.forEach((res, i) => {
if (res.tabKey == 'personal') {
tabPersonalArr.push(res.channelList);
} else {
tabAgentArr.push(res.channelList);
}
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
typeTabFun(typeTabType);
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
// toastMsg(langReplace(localLang.demoModule.layerIndex3))
}
})
}
// 处理星级
function starFun(res) {
var str = '';
var starNum = 5;
for (let index = 1; index <= res.starLevel; index++) {
str += `
<img src="./images/starAct.png" alt="" class="star">
`
}
for (let index = 1; index <= starNum - res.starLevel; index++) {
str += `
<img src="./images/star.png" alt="" class="star">
`
}
return str;
}
// 选择代理人列表
$('.agent_pop .wrap').on('click', 'li', function () {
var uid = $(this).attr('uid');
$(this).addClass('li_act').siblings().removeClass('li_act')
$('.agent_pop .btn_wrap .sure').attr('uid', uid);
})
// 选择会长结算
$('.president_pop .btn_wrap .sure').click(function () {
than = $(this);
operateValue(than);
})
// 处理tab分类
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];
// 处理方式
transfer_dollars_ArrType = arr[0].type
ratio = arr[0].ratio
$('.confirm').attr('type', transfer_dollars_ArrType);
$('.custom_pop .sure').attr('type', transfer_dollars_ArrType);
$('.president_pop .btn_wrap .sure').attr('type', transfer_dollars_ArrType);
$('.agent_pop .btn_wrap .sure').attr('type', transfer_dollars_ArrType);
arr.forEach((res, i) => {
transfer_dollars_Arr[res.type] = res;
if (res.type == 1) {
str += `
<li class="exchange_coins ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
<p>${langReplace(localLang.salary.text19)}</p>
<span>( 1ÜS = <e>${res.ratio}</e> <img src="./images/coin.png" class="coin" />)</span>
</li>
`
} else if (res.type == 2) {
// <li class="recharge_agent ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
// <p>
// <img src="./images/dollar.png" class="dollar" alt="">
// <e>Recharge agent settlement</e>
// </p>
// </li>
str += `
<li class="exchange_coins ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
<p>${langReplace(localLang.salary.text19)}</p>
<span>( 1ÜS = <e>${res.ratio}</e> <img src="./images/coin.png" class="coin" />)</span>
</li>
`
} else if (res.type == 5 || res.type == 8) {
$('.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" style="display:${res.type == 5 ?'inline-block':'none'}" />
</p>
<div class="pop" style="display:none">
${langReplace(localLang.GameSalary.Official_day)}
</div>
</li>
`
} else if (res.type == 4) {
str += `
<li class="agent_settlement ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
<p>
<img src="./images/dollar.png" class="dollar" alt="">
<e>${langReplace(localLang.salary.text22)}</e>
</p>
<div class="pop" style="display:none">
${langReplace(localLang.GameSalary.Official_day)}
</div>
</li>
`
} else if (res.type == 3) {
str += `
<li class="agent_settlement ${i == 0 ? 'li_act' : ''}" type="${res.type}" ratio="${res.ratio}">
<p>
<img src="./images/dollar.png" class="dollar" alt="">
<e>${langReplace(localLang.salary.text23)}</e>
</p>
<div class="pop" style="display:none">
${langReplace(localLang.GameSalary.Official_day)}
</div>
</li>
`
}
})
$('.transfer_method').append(str);
dollarsFun(transfer_dollars_ArrType);
}
// 处理金额
function dollarsFun(type) {
$('.withdrawalAccount').hide();
$('.transfer_dollars li').remove();
var str2 = '';
if (transfer_dollars_Arr[type].canCustom) {
str2 += `
<li class="custom_amount" custom_amount="custom_amount">
<p>
<img src="./images/custom.png" class="custom" alt="">
${langReplace(localLang.salary.text15)}
</p>
</li>
`
}
transfer_dollars_Arr[type].prodList.forEach((res, i) => {
if (i == 0) {
$('.confirm').attr('gameUsdNum', res.gameUsdNum);
$('.custom_pop .sure').attr('gameUsdNum', res.gameUsdNum);
$('.president_pop .btn_wrap .sure').attr('gameUsdNum', res.gameUsdNum);
$('.agent_pop .btn_wrap .sure').attr('gameUsdNum', res.gameUsdNum);
}
if (res.type == 5 || res.type == 8) {
$('.withdrawalAccount').show();
}
if (res.type == 2) {
str2 += `
<li class="${i == 0 ? 'li_act' : ''}" gameUsdNum=${res.gameUsdNum}>
<p>${res.gameUsdNum} ÜS</p>
<span>
<img src="./images/coin.png" class="coin" alt="">
<b>${res.currencyNum} ${langReplace(localLang.salary.text25)}</b>
</span>
<div class="tips">+${res.extraCurrencyNum} <img src="./images/coin.png"></div>
</li>
`
} else {
str2 += `
<li class="${i == 0 ? 'li_act' : ''}" gameUsdNum=${res.gameUsdNum}>
<p>${res.gameUsdNum} ÜS</p>
</li>
`
}
})
$('.transfer_dollars').append(str2)
}
// 关闭公会长结算弹窗
$('.president_pop .cancel').click(function () {
$('.president_pop').hide();
bodyScroolFun(false);
})
// 确定公会长结算弹窗
$('.president_pop .sure').click(function () {
var than = $(this);
var gameUsdNum = than.attr('gameUsdNum');
var targetUid = than.attr('uid');
var type = than.attr('type');
var obj = {
gameUsdNum,
targetUid: targetUid,
type,
};
// operate(obj)
// 打开二次确认弹窗
let avatar = $('.president_pop .avatar').attr('src');
let name = $('.president_pop .name p').text();
let id = $('.president_pop .id').text();
$('.secondary_pop .avatar').attr('src',avatar);
$('.secondary_pop .name p').text(`${name}`);
$('.secondary_pop .id').text(`${id}`);
$('.tip_txt1').html(langReplace(localLang.salary.tip_txt1(gameUsdNum)));
$('.secondary_pop .sure').attr('obj',JSON.stringify(obj))
$('.president_pop').hide();
$('.secondary_pop').show()
bodyScroolFun(false);
})
// 二次弹窗确认
$('.secondary_pop .sure').click(function () {
var obj = JSON.parse($(this).attr('obj'));
operate(obj)
$('.secondary_pop').hide()
bodyScroolFun(false);
})
// 关闭二次确认弹窗
$('.secondary_pop .cancel').click(function () {
$('.secondary_pop').hide();
bodyScroolFun(false);
})
// 关闭代理结算弹窗
$('.agent_pop .cancel').click(function () {
$('.agent_pop').hide();
bodyScroolFun(false);
})
// 确定代理结算弹窗
$('.agent_pop .sure').click(function () {
var than = $(this);
var gameUsdNum = than.attr('gameUsdNum');
var targetUid = than.attr('uid');
var type = than.attr('type');
var obj = {
gameUsdNum,
targetUid: targetUid,
type,
};
// operate(obj)
// 打开二次确认弹窗
let avatar = $('.agent_pop .li_act .avatar').attr('src');
let name = $('.agent_pop .li_act .name p').text();
let id = $('.agent_pop .li_act .id').text();
$('.secondary_pop .avatar').attr('src',avatar);
$('.secondary_pop .name p').text(`${name}`);
$('.secondary_pop .id').text(`${id}`);
$('.tip_txt1').html(langReplace(localLang.salary.tip_txt1(gameUsdNum)));
$('.secondary_pop .sure').attr('obj',JSON.stringify(obj))
$('.secondary_pop').show()
$('.agent_pop').hide();
bodyScroolFun(false);
})
// 切换tab
$('.tab').on('click', '.item', function () {
// var i = $(this).index() + 1;
var tabKey = $(this).attr('tabKey');
$(this).addClass('act').siblings().removeClass('act');
// typeTabType = i == 1 ? 'personal' : 'agent';
typeTabType = tabKey;
typeTabFun(typeTabType)
$('.confirm').show();
})
// 切换方式
$('.transfer_method').on('click', 'li', function () {
$(this).addClass('li_act').siblings().removeClass('li_act');
var type = $(this).attr("type");
ratio = $(this).attr("ratio");
$('.confirm').attr('type', type);
$('.custom_pop .sure').attr('type', type);
$('.president_pop .btn_wrap .sure').attr('type', type);
$('.agent_pop .btn_wrap .sure').attr('type', type);
transfer_dollars_ArrType = type;
dollarsFun(transfer_dollars_ArrType);
$('.confirm').show();
})
$('.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');
var custom_amount = $(this).attr('custom_amount');
var gameUsdNum = $(this).attr('gameUsdNum');
if (custom_amount) {
$('.confirm').hide();
$('.custom_pop').show();
var type = $('.custom_pop .sure').attr('type');
if (type == 3) {
$('.custom_pop .custom_pop_in h2').hide()
} else {
$('.custom_pop .custom_pop_in h2').show()
}
bodyScroolFun(true);
} else {
console.log(gameUsdNum);
$('.confirm').attr('gameUsdNum', gameUsdNum);
$('.custom_pop .sure').attr('gameUsdNum', gameUsdNum);
$('.president_pop .btn_wrap .sure').attr('gameUsdNum', gameUsdNum);
$('.agent_pop .btn_wrap .sure').attr('gameUsdNum', gameUsdNum);
$('.confirm').show();
}
})
// 取消自定义金额弹窗
$('.custom_pop .custom_pop_in .btn_wrap .cancel').click(function () {
$(".custom_pop .ipt input").val('')
$(".custom_pop h2 b").html('0')
$('.custom_pop').hide();
bodyScroolFun(false);
})
// 确认自定义金额弹窗
$('.custom_pop .custom_pop_in .btn_wrap .sure').click(function () {
let value = $(".custom_pop .ipt input").val().trim();
if (value == 0) {
toastMsg(langReplace(localLang.salary.text24))
return
}
than = $(this);
operateValue(than);
$(".custom_pop .ipt input").val('')
$(".custom_pop h2 b").html('0');
$('.custom_pop').hide();
bodyScroolFun(false);
})
// 监听输入框
$(".custom_pop .ipt input").on("input", function () {
let value = $(this).val().trim();
// 使用正则表达式限制最多两位小数
let match = value.match(/^\d+(\.\d{0,2})?/);
if (match) {
value = match[0];
} else {
value = "";
}
// 设置输入框的值为匹配的结果
$(this).val(value);
if (value !== "") {
// 计算并更新 gold 值
let gold;
// if (transfer_dollars_ArrType == 1) {
// gold = value * personUsbToGoldRate;
// } else {
// gold = value * agentUsbToGoldRate;
// }
gold = value * ratio;
$(".custom_pop h2 b").html(gold);
tradeUsb = value
} else {
gold = value * ratio;
$(".custom_pop h2 b").html(gold);
tradeUsb = value
}
$('.custom_pop .sure').attr('gameUsdNum', value);
$('.agent_pop .sure').attr('gameUsdNum', value);
$('.president_pop .sure').attr('gameUsdNum', value);
});
// 自定义金额全部按钮
$('.custom_pop .custom_pop_in .ipt e').click(function () {
$('.custom_pop .custom_pop_in .ipt input').val(usGold);
$(".custom_pop h2 b").html(usGold * ratio);
$('.custom_pop .sure').attr('gameUsdNum', usGold);
$('.agent_pop .sure').attr('gameUsdNum', usGold);
$('.president_pop .sure').attr('gameUsdNum', usGold);
})
// 跳转记录页面
$('.my_salary p').click(function () {
window.location.href = `./game_bill.html`
})
// 确认按钮
$('.confirm').click(function () {
than = $(this);
operateValue(than)
})
// 处理提交数据
function operateValue(than) {
var gameUsdNum = than.attr('gameUsdNum');
var targetUid = than.attr('uid');
var type = than.attr('type');
if (type == 3) {
if(rechargeUserLimitTip){
toastMsg(rechargeUserLimitTip);
return;
}
$('.agent_pop').show();
bodyScroolFun(true);
} else if (type == 4) {
console.log(666666);
$('.president_pop').show();
bodyScroolFun(true);
} else if (type == 5 || type == 8) {
if (accountListName) {
$('.pubWithdrawal .pubWithdrawal_in .ok').attr('gameUsdNum', gameUsdNum);
$('.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 strong').text(localLang.salary.textnew8);
$('.pubWithdrawal .pubWithdrawal_in .box3 .left p span').text(accountObj.usdRatio);
var num = numberFun(((than.attr('gameUsdNum')) - (than.attr('gameUsdNum') * accountObj.withdrawRate)) * accountObj.usdRatio)
$('.pubWithdrawal .pubWithdrawal_in .box4 .right').text(`${num} ${accountObj.currency}`);
$('.pubWithdrawal .pubWithdrawal_in .box3 .left p').show();
} else if (accountObj.type == 'BANK_TRANSFER_LIRA') {
$('.pubWithdrawal .pubWithdrawal_in .box3 .left p strong').text(localLang.salary.textnew8_TRY);
$('.pubWithdrawal .pubWithdrawal_in .box3 .left p span').text(accountObj.usdRatio);
var num = numberFun(((than.attr('gameUsdNum')) - (than.attr('gameUsdNum') * accountObj.withdrawRate)) * accountObj.usdRatio)
$('.pubWithdrawal .pubWithdrawal_in .box4 .right').text(`${num} ${accountObj.currency}`);
$('.pubWithdrawal .pubWithdrawal_in .box3 .left p').show();
// Math.floor(((than.attr('gameUsdNum')) - (than.attr('gameUsdNum') * withdrawRate)) * accountObj.usdRatio * 100) / 100
} else {
$('.pubWithdrawal .pubWithdrawal_in .box3 .left p').hide();
console.log(accountObj.usdRatio);
var num = numberFun(((than.attr('gameUsdNum')) - (than.attr('gameUsdNum') * accountObj.withdrawRate)) * accountObj.usdRatio)
$('.pubWithdrawal .pubWithdrawal_in .box4 .right').text(`${num} ${accountObj.currency}`);
}
$('.pubWithdrawal .pubWithdrawal_in .box1 .right').text(`${than.attr('gameUsdNum')} USD`);
$('.pubWithdrawal .pubWithdrawal_in .box2 .right').text(accountObj.withdrawRate * 100 + '%');
$('.pubWithdrawal .pubWithdrawal_in .box3 .right').text(`${than.attr('gameUsdNum') * accountObj.withdrawRate} USD`);
$('.pubWithdrawal').show();
} else {
toastMsg(langReplace(localLang.salary.textnew13))
}
} else {
var obj = {
gameUsdNum,
targetUid: targetUid,
type,
};
operate(obj)
}
}
// 保留两位小数函数
function numberFun(num) {
// 將數字轉為字符串
var numStr = num.toString();
// 分割整數部分和小數部分
var parts = numStr.split('.');
// 如果有小數部分,截取前兩位,否則直接返回整數部分
var result = parts[0]; // 整數部分
if (parts[1]) { // 存在小數部分時
result += '.' + parts[1].substring(0, 2);
}
return parseFloat(result); // 返回數字
}
// 确认提现按钮
$('.pubWithdrawal .pubWithdrawal_in .ok').click(function () {
var gameUsdNum = $(this).attr('gameUsdNum');
var type = $(this).attr('type');
var accountType = $(this).attr('accountType');
var obj = {
gameUsdNum,
accountType,
type,
};
if ($(this).attr('accountType') == 'VODAFONE' && $(this).attr('gameUsdNum') > 1000) {
toastMsg(langReplace(localLang.salary.textnew14))
} else {
operate(obj)
}
})
// 取消提现按钮
$('.pubWithdrawal .pubWithdrawal_in .close').click(function () {
$('.pubWithdrawal').hide();
})
// 确认提交接口
function operate(obj) {
showLoading()
networkRequest({
type: 'post',
url: urlPrefix + '/guildGameUsd/operate',
data: obj,
success(res) {
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')}&gameUsdNum=${res.data.gameUsdNum}`
if (obj.type == 5 || obj.type == 8) {
$('.pubWithdrawal').hide();
$('.success').show();
} else {
window.location.href = `./successful.html?type=${obj.type}&data=${JSON.stringify(res.data)}`
}
} else {
toastMsg(res.message)
}
hideLoading(layerIndex)
},
error(err) {
hideLoading(layerIndex)
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');
var name = $(this).attr('name');
if(type == 'BANK' || type == 'VODAFONE' || type == 'PAYONNER'){
location.href = `./${type}.html?salaryType=1&type=${type}`
}else{
location.href = `./generalSalary.html?salaryType=1&type=${type}&name=${name}`
}
})
// 关闭成功按钮
$('.success .success_in .but').click(function () {
$('.success').hide();
})

View File

@@ -59,7 +59,7 @@ $(function () {
});
console.log(type, res);
$('h1 strong').html(res.me.nick)
$('.dollar').html(`${res.guildUsdNum} ÜS`)
$('.dollar').html(`${res.guildUsdNum || res.gameUsdNum} ÜS`)
if (type == 2) {
$('.exchange_wrap .exchange_account b').html(`${res.me.nick.length >= 6 ? res.me.nick.slice(0, 6) + '... ' : res.me.nick}(ID:${res.me.erbanNo})`);
$('.exchange_wrap .exchange_coins b').html(res.currencyNum);

View File

@@ -55,6 +55,8 @@ langAr = {
weeklyRewardsText4: 'مستوى المضيف',
weeklyRewardsText5: 'وقت إعادة التعيين: الاثنين 0:00 (GMT+3)',
weeklyRewardsText6: 'وقت إعادة التعيين: الاثنين 0:00 (GMT+8)',
Game_income:'دخل اللعبة',
Diamond_income:'دخل الماس'
},
adminSet: {
text1: `إعدادات المشرف`,
@@ -230,7 +232,7 @@ langAr = {
text2: `الوكالة`,
text3: `الماس الخاص بي:`,
text4: `سحب`,
text5: `انتقل إلى حساب الراتب الخاص بي`,
text5: `أدخل حساب راتب الماس`,
text6: `دخل هذه الدورة`,
text7: `(إجمالي الدخل الناتج عن سحب الماس إلى حساب الراتب خلال هذه الدورة)`,
text8: `إجمالي الدخل`,
@@ -324,6 +326,8 @@ langAr = {
text10: `قيد المراجعة`,
text11: `تم الإصدار`,
text12: `مرفوض`,
Salary_Withdrawal:'سحب الراتب',
},
success: {
text1: `التسوية ناجحة`,
@@ -442,5 +446,26 @@ langAr = {
text10: `لا يمكن ترك الحقول الإجبارية فارغة`,
text11: `حساب المستلم`,
},
GameSalary:{
Game_salary:'راتب اللعبة',
Enter_account:'أدخل حساب راتب اللعبة',
Received_salary:'راتب اللعبة المستلم:',
Game_name:'اسم اللعبة:',
Game_Times:'أوقات اللعبة:',
Daily_data:'البيانات اليومية',
Go_game:'انضم إلى اللعبة',
Salary:'الراتب',
Receive:'استلم',
Received:'تم الاستلام',
Expired:'منتهي الصلاحية',
Confirm:'حسنًا',
Received_successfully:'تم الاستلام بنجاح',
You_count:function(num){
return ` لقد سحبت بنجاح ${num} إلى حساب راتب اللعبة الخاص بك`
},
salary_account:'حساب راتب اللعبة',
Official_day:'عمليات السحب الرسمية متاحة يوميًا',
Diamond_account:'حساب راتب الماس',
Diamond_salary:'راتب الماس',
}
}

View File

@@ -53,6 +53,8 @@ langBr = {
weeklyRewardsText4: 'Nível do Host',
weeklyRewardsText5: 'Tempo de reset: Segunda-feira 0:00 (GMT+3)',
weeklyRewardsText6: 'Tempo de reset: Segunda-feira 0:00 (GMT+8)',
Game_income:'Renda do jogo',
Diamond_income:'Renda do diamante'
},
adminSet: {
text1: `Administrador`,
@@ -227,7 +229,7 @@ langBr = {
text2: `Agência<span></span>`,
text3: `Meus diamantes:`,
text4: `Sacar`,
text5: `Entrar na minha conta de salário`,
text5: `Inserir conta de salário diamante`,
text6: `Rendimento deste ciclo`,
text7: `(Rendimento total gerado ao sacar diamantes para a conta de salário durante este ciclo)`,
text8: `Rendimento total`,
@@ -323,6 +325,8 @@ langBr = {
text11: `Emitido`,
text12: `Rejeitado`,
text13: ``,
Salary_Withdrawal:'Saque de Salário',
},
success: {
text1: `Liquidação bem-sucedida`,
@@ -440,4 +444,26 @@ langBr = {
text10: `Campos obrigatórios não podem estar em branco`,
text11: `Conta do Beneficiário`,
},
GameSalary:{
Game_salary:'Salário do jogo',
Enter_account:'Inserir conta de salário do jogo',
Received_salary:'Salário do jogo recebido:',
Game_name:'Nome do jogo:',
Game_Times:'Horários do jogo:',
Daily_data:'Dados diários',
Go_game:'Entre no jogo',
Salary:'Salário',
Receive:'Receber',
Received:'Recebido',
Expired:'Expirado',
Confirm:'OK',
Received_successfully:'Recebido com sucesso',
You_count:function(num){
return `Você sacou com sucesso ${num} para sua conta de salário do jogo`
},
salary_account:'Conta de salário do jogo',
Official_day:'Saques oficiais estão disponíveis todos os dias',
Diamond_account:'Conta de salário diamante',
Diamond_salary:'Salário diamante',
}
}

View File

@@ -53,6 +53,8 @@ langEn = {
weeklyRewardsText4: 'Host Lv',
weeklyRewardsText5: 'Reset time: Monday 0:00 (GMT+3)',
weeklyRewardsText6: 'Reset time: Monday 0:00 (GMT+8)',
Game_income:'Game income',
Diamond_income:'Diamond income'
},
adminSet: {
text1: `Administrator`,
@@ -230,7 +232,7 @@ text9_new:'Congratulations on creating your new agency! <br /> To help you grow
text2: `Agency<span></span>`,
text3: `My diamond:`,
text4: `Withdraw`,
text5: `Enter my salary account`,
text5: `Enter diamond salary account`,
text6: `This cycle income`,
text7: `(Total income generated by withdrawing diamonds to salary account during this cycle)`,
text8: `Total income`,
@@ -326,6 +328,7 @@ text9_new:'Congratulations on creating your new agency! <br /> To help you grow
text11: `Issued`,
text12: `Rejected`,
text13: ``,
Salary_Withdrawal:'Salary Withdrawal',
},
success: {
text1: `Settlement successful`,
@@ -446,4 +449,26 @@ text9_new:'Congratulations on creating your new agency! <br /> To help you grow
text10: `Mandatory fields cannot be blank`,
text11: `payeeAccount`,
},
GameSalary:{
Game_salary:'Game salary',
Enter_account:'Enter game salary account',
Received_salary:'Received game salary:',
Game_name:'Game name:',
Game_Times:'Game Times:',
Daily_data:'Daily data',
Go_game:'Go and join the game',
Salary:'Salary',
Receive:'Receive',
Received:'Received',
Expired:'Expired',
Confirm:'Confirm',
Received_successfully:'Received successfully',
You_count:function(num){
return `You have successfully withdrawn ${num} to your game salary account`
},
salary_account:'Game salary account',
Official_day:'Official withdrawals are available every day',
Diamond_account:'Diamond salary account',
Diamond_salary:'Diamond salary',
}
}

View File

@@ -53,6 +53,8 @@ langTr = {
weeklyRewardsText4: ' Seviyesi',
weeklyRewardsText5: 'Sıfırlama Zamanı: Pazartesi 0:00 (GMT+3)',
weeklyRewardsText6: 'Sıfırlama Zamanı: Pazartesi 0:00 (GMT+8)',
Game_income:'Oyun geliri',
Diamond_income:'Elmas geliri'
},
adminSet: {
text1: `Yönetici`,
@@ -229,7 +231,7 @@ text9_new:'Yeni acentenizi kurduğunuz için tebrikler! <br /> Daha hızlı büy
text2: `Ajans<span></span>`,
text3: `Benim elmasım:`,
text4: `Çekim Yap`,
text5: `Maaş Hesabıma Gir`,
text5: `Elmas maaş hesabına gir`,
text6: `Bu Dönem Geliri`,
text7: `(Bu dönemde maaş hesabına çekilen elmaslardan elde edilen toplam gelir)`,
text8: `Toplam gelir`,
@@ -325,6 +327,8 @@ text9_new:'Yeni acentenizi kurduğunuz için tebrikler! <br /> Daha hızlı büy
text11: `Verildi`,
text12: `Reddedildi`,
text13: ``,
Salary_Withdrawal:'Maaş Çekimi',
},
success: {
text1: `Hesaplaşma Başarılı`,
@@ -444,5 +448,26 @@ text9_new:'Yeni acentenizi kurduğunuz için tebrikler! <br /> Daha hızlı büy
text11: `Alıcı Hesabı`,
},
GameSalary:{
Game_salary:'Oyun maaşı',
Enter_account:'Oyun maaş hesabına gir',
Received_salary:'Alınan oyun maaşı:',
Game_name:'Oyun adı:',
Game_Times:'Oyun saatleri:',
Daily_data:'Günlük veriler',
Go_game:'Oyuna katıl',
Salary:'Maaş',
Receive:'Al',
Received:'Alındı',
Expired:'Günü geçmiş',
Confirm:'Tamam',
Received_successfully:'Başarıyla alındı',
You_count:function(num){
return `Oyun maaş hesabınıza ${num} başarıyla çekildi`
},
salary_account:'Oyun maaş hesabı',
Official_day:'Resmi çekimler her gün mevcuttur',
Diamond_account:'Elmas maaş hesabı',
Diamond_salary:'Elmas maaş',
}
};

View File

@@ -55,6 +55,8 @@ langZh = {
weeklyRewardsText4: '主播等級',
weeklyRewardsText5: '重置時間:週一 0:00GMT+3',
weeklyRewardsText6: '重置時間:週一 0:00GMT+8',
Game_income:'遊戲收益',
Diamond_income:'鑽石收益',
},
adminSet: {
text1: `管理員設置`,
@@ -232,7 +234,7 @@ langZh = {
text2: `機構`,
text3: `我的鑽石:`,
text4: `提取`,
text5: `進入我的薪資帳戶`,
text5: `進入鑽石薪資帳戶`,
text6: `本周期收入`,
text7: `(本周期內從薪資帳戶提取鑽石產生的總收入)`,
text8: `總收入`,
@@ -326,6 +328,8 @@ langZh = {
text10: `審核中`,
text11: `已發放`,
text12: `已拒絕`,
Salary_Withdrawal:'工资提現',
},
success: {
text1: `結算成功`,
@@ -443,5 +447,26 @@ langZh = {
text10: `必填欄位不能為空`,
text11: `收款人帳號`,
},
GameSalary:{
Game_salary:'遊戲工資',
Enter_account:'進入遊戲薪資帳戶',
Received_salary:'已收到遊戲薪資:',
Game_name:'遊戲名稱:',
Game_Times:'遊戲次數:',
Daily_data:'每日數據',
Go_game:'前往遊戲',
Salary:'薪資',
Receive:'領取',
Received:'已領取',
Expired:'已失效',
Confirm:'確定',
Received_successfully:'領取成功',
You_count:function(num){
return `您已成功提現${num}至您的遊戲薪資帳戶`
},
salary_account:'遊戲薪資帳戶',
Official_day:'每日開放官方提現',
Diamond_account:'鑽石薪資帳戶',
Diamond_salary:'鑽石工資',
}
}

View File

@@ -0,0 +1,256 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title id="salary_title text1" class="text1"></title>
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="expires" content="" />
<script src="../../common/js/flexible.js"></script>
<link rel="stylesheet" href="../../common/css/reset.css" />
<link rel="stylesheet" href="css/salary_game_account.css?v=2.0" />
</head>
<body>
<div class="nav">
<img src="./images/travel/back3.png" class="back" alt="" />
<p class="text1"></p>
</div>
<!-- 我的薪资 -->
<div class="my_salary">
<p>
<e class="text2"></e> <b>0 ÜS</b>
</p>
<p class="go_bill">
<span class="text3"></span>
<img src="./images/right.png" alt="">
</p>
</div>
<div class="tab">
<div class="item act text4"></div>
<div class="item text5"></div>
</div>
<!-- 转增方式 -->
<div class="transfer_method_tit">
<div class="title text6"></div>
</div>
<ul class="transfer_method">
<!-- <li class="exchange_coins li_act" type="1">
<p>Exchange coins</p>
<span>( 1 ÜS = <e>8800</e> <img src="./images/coin.png" class="coin" />)</span>
</li>
<li class="recharge_agent" type="2">
<p>
<img src="./images/dollar.png" class="dollar" alt="">
<e>Recharge agent settlement</e>
</p>
</li>
<li class="official_withdraw li_act" type="3">
<p>
<img src="./images/dollar.png" class="dollar" alt="">
<e>Official withdraw</e>
</p>
<div class="pop">
Settlement available on the 1st and 16th of each month
</div>
</li>
<li class="agent_settlement li_act" type="4">
<p>
<img src="./images/dollar.png" class="dollar" alt="">
<e>Agent settlement</e>
</p>
<div class="pop">
Settlement available on the 1st and 16th of each month
</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>
</div>
<ul class="transfer_dollars">
<!-- <li class="custom_amount">
<p>
<img src="./images/custom.png" class="custom" alt="">
Custom amount
</p>
</li>
<li>
<p>1 ÜS</p>
<span>
<img src="./images/coin.png" class="coin" alt="">
<b>8,500 Coins</b>
</span>
<div class="tips">+0 <img src="./images/coin.png"></div>
</li>
<li>
<p>0 ÜS</p>
</li> -->
</ul>
<div class="confirm text8"></div>
<!-- 代理弹窗 -->
<div class="agent_pop">
<div class="agent_pop_in">
<div class="title text9"></div>
<ul class="wrap">
<li class="no text10"></li>
<!-- <li class="li_act">
<img src="./images/null.png" alt="" class="avatar">
<dic class="name">
<p></p>
<img src="" alt="" class="flag">
</dic>
<p class="id">ID:-</p>
</li> -->
</ul>
<div class="btn_wrap">
<div class="cancel text11"></div>
<div class="sure text12"></div>
</div>
</div>
</div>
<!-- 二次弹窗确认 -->
<div class="secondary_pop">
<div class="secondary_in">
<div class="title Reminder"></div>
<ul class="wrap">
<li class="li_act">
<img src="./images/null.png" alt="" class="avatar">
<dic class="name">
<p></p>
<img src="" alt="" class="flag">
</dic>
<p class="id">ID:-</p>
</li>
</ul>
<div class="tip_txt1">Are you sure you want to transfer the salary (USD:{0}) to this user?</div>
<div class="tip_txt2">The operation cannot be undone, please operate with caution!</div>
<div class="btn_wrap">
<div class="cancel text11"></div>
<div class="sure text12"></div>
</div>
</div>
</div>
<!-- 公会长结算弹窗 -->
<div class="president_pop">
<div class="president_pop_in">
<div class="title text13"></div>
<h2 class="text14"></h2>
<ul class="wrap">
<li class="li_act">
<img src="./images/null.png" alt="" class="avatar">
<dic class="name">
<p></p>
<img src="" alt="" class="flag">
</dic>
<p class="id">ID:-</p>
</li>
</ul>
<div class="btn_wrap">
<div class="cancel text11"></div>
<div class="sure text12"></div>
</div>
</div>
</div>
<!-- 自定义金额弹窗 -->
<div class="custom_pop">
<div class="custom_pop_in">
<div class="title text15"></div>
<h1 class="text18"></h1>
<div class="ipt">
<span>ÜS</span>
<input type="text" />
<e class="text16"></e>
</div>
<h2 class="text17"></h2>
<div class="btn_wrap">
<div class="cancel text11">Cancel</div>
<div class="sure text12">Confirm</div>
</div>
</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>
<script src="../../common/js/common2.js"></script>
<script src="../../common/js/layer.js"></script>
<script src="./local/en.js?v=2.0"></script>
<script src="./local/zh.js?v=2.0"></script>
<script src="./local/ar.js?v=2.0"></script>
<script src="./local/tr.js?v=2.0"></script>
<script src="./local/br.js"></script>
<script src="./js/salary_game_account.js?v=2.1"></script>
<script src="../../common/local/langHandler.js"></script>
</body>
</html>

View File