公会新增英语2区

This commit is contained in:
chenruiye
2025-03-28 16:21:17 +08:00
parent 8c0fa3eb5a
commit 87133760c0
9 changed files with 500 additions and 262 deletions

View File

@@ -6,7 +6,7 @@ html {
.nav {
width: 100%;
height: 2.34667rem;
height: 2.3466666667rem;
background: #ffffff;
position: fixed;
top: 0;
@@ -14,56 +14,49 @@ 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%);
}
.my_salary {
width: 9.12rem;
padding-bottom: 0.21333rem;
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.66667rem;
line-height: 0.66667rem;
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: #04D5C6;
}
.my_salary p span {
font-size: 0.37333rem;
font-size: 0.3733333333rem;
color: #7b7b7d;
}
.my_salary p img {
width: 0.64rem;
height: 0.64rem;
@@ -71,24 +64,22 @@ html {
}
.tab {
width: 9.17333rem;
height: 0.85333rem;
width: 9.1733333333rem;
height: 0.8533333333rem;
background: #f2f3f7;
border-radius: 0.21333rem;
margin: 0.26667rem auto 0;
border-radius: 0.2133333333rem;
margin: 0.2666666667rem auto 0;
display: flex;
}
.tab .item {
width: 50%;
height: 100%;
border-radius: 0.21333rem;
font-size: 0.37333rem;
border-radius: 0.2133333333rem;
font-size: 0.3733333333rem;
color: #313131;
line-height: 0.85333rem;
line-height: 0.8533333333rem;
text-align: center;
}
.tab .act {
background: #04D5C6;
color: #ffffff;
@@ -101,147 +92,131 @@ html {
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.66667rem;
line-height: 0.6666666667rem;
padding: 0.32rem 0;
}
.transfer_method_tit .title::before,
.transfer_dollars_tit .title::before {
content: "";
display: inline-block;
width: 0.10667rem;
width: 0.1066666667rem;
height: 0.48rem;
border-radius: 0.37333rem;
border-radius: 0.3733333333rem;
background: #04D5C6;
vertical-align: top;
margin: 0.10667rem 0.21333rem;
margin: 0.1066666667rem 0.2133333333rem;
}
.transfer_method_tit p,
.transfer_dollars_tit p {
height: 0.48rem;
line-height: 0.48rem;
font-size: 0.26667rem;
font-size: 0.2666666667rem;
color: #ffffff;
padding: 0 0.16rem;
background: #313131;
border-radius: 0.32rem;
margin: 0 0.13333rem;
margin: 0 0.1333333333rem;
}
.transfer_method,
.transfer_dollars {
width: 9.17333rem;
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.86667rem;
height: 1.8666666667rem;
background: #f2f3f7;
border-radius: 0.21333rem;
border-radius: 0.2133333333rem;
box-sizing: border-box;
margin-bottom: 0.16rem;
position: relative;
border: 0.05333rem solid #fff;
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.42667rem;
font-size: 0.4266666667rem;
color: #313131;
text-align: center;
line-height: 0.58667rem;
line-height: 0.5866666667rem;
}
.transfer_method li span,
.transfer_dollars li span {
font-weight: 400;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
color: #313131;
}
.transfer_method li span .coin,
.transfer_dollars li span .coin {
width: 0.37333rem;
height: 0.37333rem;
width: 0.3733333333rem;
height: 0.3733333333rem;
display: inline-block;
}
.transfer_method li .dollar,
.transfer_dollars li .dollar {
width: 0.42667rem;
height: 0.42667rem;
margin-top: 0.05333rem;
width: 0.4266666667rem;
height: 0.4266666667rem;
margin-top: 0.0533333333rem;
}
.transfer_method li .wenhao,
.transfer_dollars li .wenhao {
width: 0.58667rem;
height: 0.58667rem;
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.13333rem;
margin-top: 0.1333333333rem;
display: inline-block;
}
.transfer_method li .tips,
.transfer_dollars li .tips {
background: #04D5C6;
border-radius: 0px 0.16rem 0px 0.21333rem;
border-radius: 0px 0.16rem 0px 0.2133333333rem;
position: absolute;
top: 0;
right: 0;
font-size: 0.32rem;
color: #ffffff;
padding: 0.10667rem;
padding: 0.1066666667rem;
}
.transfer_method li .tips img,
.transfer_dollars li .tips img {
width: 0.29333rem;
height: 0.29333rem;
width: 0.2933333333rem;
height: 0.2933333333rem;
display: inline-block;
vertical-align: unset;
}
.transfer_method .li_act,
.transfer_dollars .li_act {
border: 0.05333rem solid #04D5C6;
border: 0.0533333333rem solid #04D5C6;
}
.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,
@@ -251,47 +226,43 @@ html {
top: -0.4rem;
left: 2.9rem;
font-size: 0.32rem;
line-height: 0.42667rem;
line-height: 0.4266666667rem;
color: #ffffff;
padding: 0.21333rem;
padding: 0.2133333333rem;
background: #04D5C6;
border-radius: 0.21333rem;
border-radius: 0.2133333333rem;
}
.transfer_dollars {
margin-bottom: 2.13333rem;
margin-bottom: 2.1333333333rem;
}
.withdrawalAccount {
width: 9.2rem;
height: 1.49333rem;
line-height: 1.49333rem;
height: 1.4933333333rem;
line-height: 1.4933333333rem;
box-sizing: border-box;
background: #F2F3F7;
border-radius: 0.21333rem;
margin: 0.26667rem auto 0.26667rem;
padding: 0 0.53333rem;
border-radius: 0.2133333333rem;
margin: 0.2666666667rem auto 0.2666666667rem;
padding: 0 0.5333333333rem;
display: none;
}
.withdrawalAccount .left {
color: #313131;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 600;
float: left;
}
.withdrawalAccount .left b {
color: #ED4343;
margin-right: 0.10667rem;
margin-right: 0.1066666667rem;
}
.withdrawalAccount .right {
color: #7B7B7D;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
float: right;
}
.withdrawalAccount .right img {
display: inline-block;
width: 0.56rem;
@@ -309,67 +280,60 @@ html {
background: rgba(0, 0, 0, 0.5);
display: none;
}
.selectAccount .selectAccount_in {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 10rem;
min-height: 6.10667rem;
min-height: 6.1066666667rem;
background: #fff;
border-radius: 0.42667rem 0.42667rem 0rem 0rem;
border-radius: 0.4266666667rem 0.4266666667rem 0rem 0rem;
}
.selectAccount .selectAccount_in .title {
width: 100%;
text-align: center;
color: #313131;
font-size: 0.42667rem;
margin-top: 0.34667rem;
margin-bottom: 0.34667rem;
font-size: 0.4266666667rem;
margin-top: 0.3466666667rem;
margin-bottom: 0.3466666667rem;
font-weight: 600;
}
.selectAccount .selectAccount_in .accountBox {
margin: 0 auto;
width: 9.14667rem;
width: 9.1466666667rem;
}
.selectAccount .selectAccount_in .accountBox .account {
width: 100%;
height: 1.06667rem;
line-height: 1.06667rem;
height: 1.0666666667rem;
line-height: 1.0666666667rem;
background: #F4F4F4;
border-radius: 0.21333rem;
margin-bottom: 0.42667rem;
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.29333rem;
margin-right: 0.13333rem;
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.37333rem;
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.58667rem;
height: 0.58667rem;
width: 0.5866666667rem;
height: 0.5866666667rem;
}
.pubWithdrawal {
@@ -382,111 +346,100 @@ html {
background: rgba(0, 0, 0, 0.5);
display: none;
}
.pubWithdrawal .pubWithdrawal_in {
width: 9.14667rem;
width: 9.1466666667rem;
min-height: 10.72rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 0.42667rem;
border-radius: 0.4266666667rem;
}
.pubWithdrawal .pubWithdrawal_in .title {
width: 100%;
text-align: center;
color: #313131;
font-size: 0.45333rem;
font-size: 0.4533333333rem;
font-weight: 500;
margin-top: 0.53333rem;
margin-bottom: 0.37333rem;
margin-top: 0.5333333333rem;
margin-bottom: 0.3733333333rem;
}
.pubWithdrawal .pubWithdrawal_in .boxw {
width: 8.08rem;
height: 0.53333rem;
line-height: 0.53333rem;
margin: 0 auto 0.53333rem;
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.37333rem;
font-size: 0.3733333333rem;
font-weight: 500;
}
.pubWithdrawal .pubWithdrawal_in .boxw .left b,
.pubWithdrawal .pubWithdrawal_in .boxw .left p {
color: #7B7B7D;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 500;
}
.pubWithdrawal .pubWithdrawal_in .boxw .right {
color: #313131;
font-size: 0.37333rem;
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.37333rem;
font-size: 0.3733333333rem;
width: 8.08rem;
margin: 0 auto 0.45333rem;
margin: 0 auto 0.4533333333rem;
font-weight: 400;
}
.pubWithdrawal .pubWithdrawal_in .ok {
width: 8.08rem;
height: 1.22667rem;
line-height: 1.22667rem;
border-radius: 1.22667rem;
height: 1.2266666667rem;
line-height: 1.2266666667rem;
border-radius: 1.2266666667rem;
background: #04D5C6;
margin: 0 auto 0.32rem;
color: #FFFFFF;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
text-align: center;
}
.pubWithdrawal .pubWithdrawal_in .close {
width: 8.08rem;
height: 1.22667rem;
line-height: 1.22667rem;
border-radius: 1.22667rem;
height: 1.2266666667rem;
line-height: 1.2266666667rem;
border-radius: 1.2266666667rem;
background: #F2F3F7;
margin: 0 auto 0;
color: #7B7B7D;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
text-align: center;
}
.confirm {
width: 9.17333rem;
height: 1.06667rem;
width: 9.1733333333rem;
height: 1.0666666667rem;
background: #04D5C6;
border-radius: 0.66667rem;
border-radius: 0.6666666667rem;
position: fixed;
bottom: 0.48rem;
left: 50%;
transform: translateX(-50%);
font-weight: 400;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
color: #ffffff;
line-height: 1.06667rem;
line-height: 1.0666666667rem;
text-align: center;
}
@@ -501,61 +454,55 @@ html {
z-index: 999;
display: none;
}
.agent_pop .agent_pop_in,
.agent_pop .president_pop_in,
.president_pop .agent_pop_in,
.president_pop .president_pop_in {
width: 7.73333rem;
width: 7.7333333333rem;
background: #ffffff;
border-radius: 0.42667rem;
border-radius: 0.4266666667rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.agent_pop .agent_pop_in .title,
.agent_pop .president_pop_in .title,
.president_pop .agent_pop_in .title,
.president_pop .president_pop_in .title {
width: 100%;
font-weight: 500;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
color: #313131;
text-align: center;
padding: 0.37333rem 0;
padding: 0.3733333333rem 0;
}
.agent_pop .agent_pop_in h2,
.agent_pop .president_pop_in h2,
.president_pop .agent_pop_in h2,
.president_pop .president_pop_in h2 {
font-size: 0.32rem;
color: #afb1b3;
line-height: 0.45333rem;
line-height: 0.4533333333rem;
text-align: center;
padding: 0 0.21333rem 0.21333rem;
padding: 0 0.2133333333rem 0.2133333333rem;
}
.agent_pop .agent_pop_in .wrap,
.agent_pop .president_pop_in .wrap,
.president_pop .agent_pop_in .wrap,
.president_pop .president_pop_in .wrap {
width: 6.98667rem;
max-height: 9.97333rem;
width: 6.9866666667rem;
max-height: 9.9733333333rem;
margin: 0 auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
.agent_pop .agent_pop_in .wrap::-webkit-scrollbar,
.agent_pop .president_pop_in .wrap::-webkit-scrollbar,
.president_pop .agent_pop_in .wrap::-webkit-scrollbar,
.president_pop .president_pop_in .wrap::-webkit-scrollbar {
display: none;
}
.agent_pop .agent_pop_in .wrap li,
.agent_pop .president_pop_in .wrap li,
.president_pop .agent_pop_in .wrap li,
@@ -565,24 +512,22 @@ html {
width: 100%;
height: 1.92rem;
background: #f4f4f4;
border-radius: 0.21333rem;
margin-bottom: 0.26667rem;
border-radius: 0.2133333333rem;
margin-bottom: 0.2666666667rem;
position: relative;
}
.agent_pop .agent_pop_in .wrap li .avatar,
.agent_pop .president_pop_in .wrap li .avatar,
.president_pop .agent_pop_in .wrap li .avatar,
.president_pop .president_pop_in .wrap li .avatar {
width: 1.46667rem;
height: 1.46667rem;
width: 1.4666666667rem;
height: 1.4666666667rem;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0.24rem;
}
.agent_pop .agent_pop_in .wrap li .name,
.agent_pop .president_pop_in .wrap li .name,
.president_pop .agent_pop_in .wrap li .name,
@@ -590,10 +535,9 @@ html {
display: flex;
align-items: center;
position: absolute;
top: 0.29333rem;
left: 2.02667rem;
top: 0.2933333333rem;
left: 2.0266666667rem;
}
.agent_pop .agent_pop_in .wrap li .name p,
.agent_pop .president_pop_in .wrap li .name p,
.president_pop .agent_pop_in .wrap li .name p,
@@ -603,19 +547,17 @@ html {
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 600;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
color: #333333;
line-height: 0.58667rem;
line-height: 0.5866666667rem;
}
.agent_pop .agent_pop_in .wrap li .name .flag,
.agent_pop .president_pop_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.45333rem;
width: 0.4533333333rem;
height: 0.32rem;
}
.agent_pop .agent_pop_in .wrap li .starLevel,
.agent_pop .president_pop_in .wrap li .starLevel,
.president_pop .agent_pop_in .wrap li .starLevel,
@@ -624,20 +566,18 @@ html {
line-height: 0.4rem;
display: flex;
position: absolute;
left: 2.02667rem;
left: 2.0266666667rem;
top: 1.28rem;
}
.agent_pop .agent_pop_in .wrap li .starLevel span,
.agent_pop .president_pop_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.10667rem;
margin-right: 0.1066666667rem;
color: #7B7B7D;
font-size: 0.34667rem;
font-size: 0.3466666667rem;
}
.agent_pop .agent_pop_in .wrap li .starLevel img,
.agent_pop .president_pop_in .wrap li .starLevel img,
.president_pop .agent_pop_in .wrap li .starLevel img,
@@ -647,19 +587,17 @@ html {
display: block;
margin: 0 0.04rem;
}
.agent_pop .agent_pop_in .wrap li .id,
.agent_pop .president_pop_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.34667rem;
font-size: 0.3466666667rem;
color: #7b7b7d;
position: absolute;
top: 0.88rem;
left: 2.02667rem;
left: 2.0266666667rem;
}
.agent_pop .agent_pop_in .wrap .li_act,
.agent_pop .president_pop_in .wrap .li_act,
.president_pop .agent_pop_in .wrap .li_act,
@@ -667,7 +605,6 @@ html {
box-sizing: border-box;
border: 2px solid #04D5C6;
}
.agent_pop .agent_pop_in .wrap li.no,
.agent_pop .president_pop_in .wrap li.no,
.president_pop .agent_pop_in .wrap li.no,
@@ -676,20 +613,18 @@ html {
line-height: 1.92rem;
text-align: center;
font-weight: 400;
font-size: 0.26667rem;
font-size: 0.2666666667rem;
color: #7b7b7d;
}
.agent_pop .agent_pop_in .btn_wrap,
.agent_pop .president_pop_in .btn_wrap,
.president_pop .agent_pop_in .btn_wrap,
.president_pop .president_pop_in .btn_wrap {
width: 6.98667rem;
margin: 0.26667rem auto;
width: 6.9866666667rem;
margin: 0.2666666667rem auto;
display: flex;
justify-content: space-evenly;
}
.agent_pop .agent_pop_in .btn_wrap .cancel,
.agent_pop .agent_pop_in .btn_wrap .sure,
.agent_pop .president_pop_in .btn_wrap .cancel,
@@ -698,17 +633,16 @@ html {
.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.93333rem;
width: 2.9333333333rem;
height: 0.96rem;
background: #04D5C6;
border-radius: 3.12rem;
font-weight: 500;
color: #ffffff;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
line-height: 0.96rem;
text-align: center;
}
.agent_pop .agent_pop_in .btn_wrap .cancel,
.agent_pop .president_pop_in .btn_wrap .cancel,
.president_pop .agent_pop_in .btn_wrap .cancel,
@@ -727,99 +661,88 @@ html {
z-index: 999;
display: none;
}
.custom_pop .custom_pop_in {
width: 9.17333rem;
width: 9.1733333333rem;
background: #ffffff;
border-radius: 0.42667rem;
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.42667rem;
font-size: 0.4266666667rem;
color: #313131;
text-align: center;
padding: 0.37333rem 0 0.13333rem;
padding: 0.3733333333rem 0 0.1333333333rem;
}
.custom_pop .custom_pop_in h1 {
font-size: 0.32rem;
color: #afb1b3;
line-height: 0.45333rem;
line-height: 0.4533333333rem;
text-align: center;
padding-bottom: 0.21333rem;
padding-bottom: 0.2133333333rem;
}
.custom_pop .custom_pop_in h2 {
font-size: 0.32rem;
color: #7b7b7d;
line-height: 0.45333rem;
padding-left: 2.13333rem;
padding-top: 0.13333rem;
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: #04D5C6;
margin-right: 0.26667rem;
margin-right: 0.2666666667rem;
}
.custom_pop .custom_pop_in .ipt input {
width: 5.65333rem;
width: 5.6533333333rem;
height: 0.8rem;
border-radius: 0.21333rem;
border-radius: 0.2133333333rem;
border: 1px solid #e4e4e4;
outline: none;
font-weight: 500;
font-size: 0.4rem;
color: #313131;
padding: 0 0.13333rem;
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.37333rem;
font-size: 0.3733333333rem;
color: #24cf9e;
}
.custom_pop .custom_pop_in .btn_wrap {
width: 6.98667rem;
margin: 0.53333rem auto 0.26667rem;
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: #04D5C6;
border-radius: 0.66667rem;
border-radius: 0.6666666667rem;
font-weight: 500;
color: #ffffff;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
line-height: 0.8rem;
text-align: center;
}
.custom_pop .custom_pop_in .btn_wrap .cancel {
background: #ebebeb;
color: #7b7b7d;
@@ -835,85 +758,75 @@ html {
z-index: 9999;
display: none;
}
.success .success_in {
width: 9.14667rem;
width: 9.1466666667rem;
min-height: 4.64rem;
background: #fff;
border-radius: 0.42667rem;
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.45333rem;
font-size: 0.4533333333rem;
height: 0.64rem;
margin-top: 0.4rem;
margin-bottom: 0.37333rem;
margin-bottom: 0.3733333333rem;
font-weight: 500;
}
.success .success_in p {
width: 8.08rem;
margin: 0 auto 0.37333rem;
margin: 0 auto 0.3733333333rem;
color: #7B7B7D;
font-size: 0.37333rem;
font-size: 0.3733333333rem;
font-weight: 400;
line-height: 0.53333rem;
line-height: 0.5333333333rem;
}
.success .success_in .but {
width: 8.08rem;
height: 1.22667rem;
line-height: 1.22667rem;
height: 1.2266666667rem;
line-height: 1.2266666667rem;
text-align: center;
color: #fff;
font-size: 0.42667rem;
font-size: 0.4266666667rem;
font-weight: 500;
margin: 0 auto;
background: #04D5C6;
border-radius: 0.66667rem;
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;

View File

@@ -824,6 +824,7 @@ html {
margin: 0 auto;
background: #04D5C6;
border-radius: px2rem(25);
margin-bottom: px2rem(14);
}
}
}

View File

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

View File

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

View File

@@ -49,6 +49,7 @@ var usGold;
var accountListName;
var accountObj = {};
var withdrawRate;
var partitionId = window.localStorage.getItem('partitionId')
$(function () {
getInfoFromClient();
fuzzyMatchUpdateQueryStringParameterFun(); // 判断语言
@@ -106,8 +107,14 @@ $(function () {
$('.textnew11').html(langReplace(localLang.salary.textnew11));
$('.textnew12').html(langReplace(localLang.salary.textnew12));
$('.textnew15').html(langReplace(localLang.salary.textnew15));
$('.textnew16').html(langReplace(localLang.salary.textnew16));
$('.textnew17').html(langReplace(localLang.salary.textnew17));
if(partitionId !=16){
$('.textnew16').html(langReplace(localLang.salary.textnew16));
}else{
$('.textnew16').html(langReplace(localLang.newENsalary.textnew16));
}
}
});
// 获取usd操作的功能标签tab
@@ -151,21 +158,22 @@ function getTab() {
})
$('.agent_pop .wrap').append(agent_popStr);
$('.agent_pop .sure').attr('uid', rechargeUserList[0].uid);
// 渲染账户列表
var accountListStr = '';
withdrawRate = res.data.withdrawAccountVo.withdrawRate;
$('.selectAccount .selectAccount_in .accountBox .account').remove();
res.data.withdrawAccountVo.accountList.forEach(res => {
accountListStr += `
<div class="account">
<img style="display:${res.hasBound ? 'block' : 'none'}" src="./images/not.png" alt="" class="sel" name=${res.name} type=${res.type} obj='${JSON.stringify(res)}'>
<b>${res.name}</b><span>${res.hasBound ? '' : '(Unbound)'}</span>
<img src="./images/eidIcon.png" alt="" class="eid" type=${res.type}>
</div>
`
})
$('.selectAccount .selectAccount_in .accountBox').append(accountListStr);
}
// 渲染账户列表
var accountListStr = '';
withdrawRate = res.data.withdrawAccountVo.withdrawRate;
$('.selectAccount .selectAccount_in .accountBox .account').remove();
res.data.withdrawAccountVo.accountList.forEach(res => {
accountListStr += `
<div class="account">
<img style="display:${res.hasBound ? 'block' : 'none'}" src="./images/not.png" alt="" class="sel" name=${res.name} type=${res.type} obj='${JSON.stringify(res)}'>
<b>${res.name}</b><span>${res.hasBound ? '' : '(Unbound)'}</span>
<img src="./images/eidIcon.png" alt="" class="eid" type=${res.type} name=${res.name}>
</div>
`
})
$('.selectAccount .selectAccount_in .accountBox').append(accountListStr);
// 当前可提现余额
usGold = res.data.guildUsdNum
$('.my_salary p b').text(`${usGold}ÜS`);
@@ -269,7 +277,7 @@ function typeTabFun(type) {
<img class="wenhao" src="./images/wenhao.png" />
</p>
<div class="pop" style="display:none">
${langReplace(localLang.salary.text21)}
${ partitionId!=16 ?langReplace(localLang.salary.text21) : langReplace(localLang.newENsalary.text21)}
</div>
</li>
`
@@ -281,7 +289,7 @@ function typeTabFun(type) {
<e>${langReplace(localLang.salary.text22)}</e>
</p>
<div class="pop" style="display:none">
${langReplace(localLang.salary.text21)}
${ partitionId!=16 ?langReplace(localLang.salary.text21) : langReplace(localLang.newENsalary.text21)}
</div>
</li>
`
@@ -293,7 +301,7 @@ function typeTabFun(type) {
<e>${langReplace(localLang.salary.text23)}</e>
</p>
<div class="pop" style="display:none">
${langReplace(localLang.salary.text21)}
${ partitionId!=16 ?langReplace(localLang.salary.text21) : langReplace(localLang.newENsalary.text21)}
</div>
</li>
`
@@ -648,7 +656,20 @@ $('.selectAccount .selectAccount_in .accountBox').on('click', ' .account .sel',
// 选择账户编辑
$('.selectAccount .selectAccount_in .accountBox').on('click', ' .account .eid', function () {
var type = $(this).attr('type');
location.href = `./${type}.html?type=${type}`
if (partitionId != 16) {
location.href = `./${type}.html?type=${type}`
} else {
var name = $(this).attr('name');
if (name == 'bank') {
location.href = `./BANK.html?type=${type}`
} else if (name == 'payonner') {
location.href = `./PAYONNER.html?type=${type}`
}
else {
location.href = `./generalSalary.html?type=${type}&name=${name}`
}
}
})
// 关闭成功按钮
$('.success .success_in .but').click(function () {

View File

@@ -293,6 +293,10 @@ langAr = {
textnew17: `موافق`, textnew18: 'تقييم النجوم:',
},
newENsalary:{
textnew16:'تم الإرسال بنجاح! لقد قبل النظام طلبك وسيُعالجه في أقرب وقت ممكن.',
text21:'يمكن للوكيل الانسحاب مرة واحدة في الأسبوع.'
},
bill: {
text1: `الفاتورة`,
text2: `الدخل`,

View File

@@ -293,6 +293,10 @@ langEn = {
textnew17: `OK`,
textnew18: `Star rating:`,
},
newENsalary:{
textnew16:'Submission successful! The system has accepted your application and will process it as soon as possible.',
text21:'The Agent can withdraw once a week.'
},
bill: {
text1: `Bill`,
text2: `Income`,

View File

@@ -293,6 +293,10 @@ langTr = {
textnew17: `Tamam`, textnew18: 'Yıldız puanı:',
},
newENsalary:{
textnew16:'Gönderim başarılı! Sistem başvurunuzu kabul etti ve en kısa sürede işleme koyacak.',
text21:'Acente haftada bir kez çekim yapabilir.'
},
bill: {
text1: `Fatura`,
text2: `Gelir`,

View File

@@ -295,6 +295,10 @@ langZh = {
textnew17: `確定`, textnew18: '星級評分:',
},
newENsalary:{
textnew16:'提交成功!系統已受理您的申請,將盡快為您處理。',
text21:'公会长每周可提现1次。'
},
bill: {
text1: `賬單`,
text2: `收入`,