修改提现规则

This commit is contained in:
Dragon
2024-01-08 11:53:36 +08:00
parent 91785e4801
commit 946c69abd3
7 changed files with 414 additions and 364 deletions

View File

@@ -7,35 +7,36 @@ body {
.back {
position: fixed;
z-index: 9;
width: 0.7466666667rem;
height: 0.7466666667rem;
left: 0.5333333333rem;
width: 0.74667rem;
height: 0.74667rem;
left: 0.53333rem;
top: 0.2rem;
}
.box {
width: 9.1466666667rem;
width: 9.14667rem;
height: auto;
margin: 0.8666666667rem auto 0;
margin: 0.86667rem auto 0;
box-sizing: border-box;
padding: 0.64rem 0.5333333333rem;
padding: 0.64rem 0.53333rem;
background: #fff;
border-radius: 0.2666666667rem;
border-radius: 0.26667rem;
}
.box h3 {
width: 100%;
display: block;
text-align: center;
color: #1F1B4F;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
font-weight: bold;
margin-bottom: 0.32rem;
}
.box p {
color: #8A8CAB;
font-size: 0.3466666667rem;
margin-bottom: 0.2666666667rem;
font-size: 0.34667rem;
margin-bottom: 0.26667rem;
width: 100%;
line-height: 0.55rem;
}
/*# sourceMappingURL=rule.css.map */

View File

@@ -1,5 +1,5 @@
@function px2rem($px, $rem:75) {
@return $px / $rem+rem;
@function px2rem($px) {
@return $px / 75+rem;
}
html,
@@ -11,37 +11,38 @@ body {
.back {
position: fixed;
z-index: 9;
width: px2rem(56, );
height: px2rem(56, );
left: px2rem(40, );
width: px2rem(56);
height: px2rem(56);
left: px2rem(40);
top: 0.2rem;
// display: none;
}
.box {
width: px2rem(686, );
// height: px2rem(1348, );
width: px2rem(686);
// height: px2rem(1348);
height: auto;
margin: px2rem(65, ) auto 0;
margin: px2rem(65) auto 0;
box-sizing: border-box;
padding: px2rem(48, ) px2rem(40, );
padding: px2rem(48) px2rem(40);
background: #fff;
border-radius: px2rem(20, );
border-radius: px2rem(20);
h3 {
width: 100%;
display: block;
text-align: center;
color: #1F1B4F;
font-size: px2rem(32, );
font-size: px2rem(32);
font-weight: bold;
margin-bottom: px2rem(24, );
margin-bottom: px2rem(24);
}
p {
color: #8A8CAB;
font-size: px2rem(26, );
margin-bottom: px2rem(20, );
font-size: px2rem(26);
margin-bottom: px2rem(20);
width: 100%;
line-height: 0.55rem;
}
}

View File

@@ -7,9 +7,9 @@ body {
.back {
position: fixed;
z-index: 9;
width: 0.7466666667rem;
height: 0.7466666667rem;
left: 0.5333333333rem;
width: 0.74667rem;
height: 0.74667rem;
left: 0.53333rem;
top: 0.2rem;
}
@@ -21,8 +21,8 @@ body {
line-height: 1.28rem;
text-align: center;
color: #FFFFFF;
font-size: 0.4266666667rem;
margin: 0 auto 0.6666666667rem;
font-size: 0.42667rem;
margin: 0 auto 0.66667rem;
}
.butBigActive {
@@ -31,21 +31,24 @@ body {
.myInfo {
width: 9.2rem;
height: 1.8133333333rem;
margin: 0.8rem auto 0.4266666667rem;
height: 1.81333rem;
margin: 0.8rem auto 0.42667rem;
}
.myInfo img {
display: block;
width: 1.8133333333rem;
height: 1.8133333333rem;
width: 1.81333rem;
height: 1.81333rem;
border-radius: 50%;
float: left;
}
.myInfo div {
float: left;
margin-left: 0.2933333333rem;
margin-left: 0.29333rem;
overflow: hidden;
}
.myInfo div p {
color: #1F1B4F;
font-size: 0.48rem;
@@ -57,134 +60,148 @@ body {
overflow: hidden;
white-space: nowrap;
}
.myInfo div b {
color: #8A8CAB;
font-size: 0.32rem;
}
.income {
width: 9.1466666667rem;
width: 9.14667rem;
height: 2.88rem;
background: url(../images/withdrawal/bg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto 0.1066666667rem;
margin: 0 auto 0.10667rem;
position: relative;
}
.income .rule {
color: #9168FA;
font-size: 0.32rem;
position: absolute;
right: 0.4266666667rem;
right: 0.42667rem;
top: 0.24rem;
}
.income img {
width: 0.7466666667rem;
height: 0.7466666667rem;
width: 0.74667rem;
height: 0.74667rem;
position: absolute;
left: 0.5333333333rem;
top: 1.0666666667rem;
left: 0.53333rem;
top: 1.06667rem;
}
.income span {
color: #FFFFFF;
font-size: 0.3733333333rem;
font-size: 0.37333rem;
position: absolute;
left: 0.5333333333rem;
top: 0.4266666667rem;
left: 0.53333rem;
top: 0.42667rem;
}
.income p {
color: #FFFFFF;
font-size: 0.64rem;
font-weight: bold;
position: absolute;
left: 1.3866666667rem;
top: 1.1733333333rem;
left: 1.38667rem;
top: 1.17333rem;
}
.account {
width: 9.1466666667rem;
width: 9.14667rem;
height: 1.6rem;
line-height: 1.6rem;
background: #fff;
border-radius: 0.2666666667rem;
margin: 0 auto 0.4266666667rem;
border-radius: 0.26667rem;
margin: 0 auto 0.42667rem;
position: relative;
}
.account .icon_account {
position: absolute;
left: 0.5333333333rem;
top: 0.5333333333rem;
width: 0.5333333333rem;
height: 0.5333333333rem;
left: 0.53333rem;
top: 0.53333rem;
width: 0.53333rem;
height: 0.53333rem;
}
.account .arrow_right {
position: absolute;
right: 0.5333333333rem;
top: 0.5333333333rem;
width: 0.5333333333rem;
height: 0.5333333333rem;
right: 0.53333rem;
top: 0.53333rem;
width: 0.53333rem;
height: 0.53333rem;
}
.account div {
height: 100%;
color: #1F1B4F;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
font-weight: bold;
position: absolute;
top: 0;
left: 1.2266666667rem;
left: 1.22667rem;
}
.account span {
height: 100%;
color: #B3B3C3;
font-size: 0.32rem;
position: absolute;
top: 0;
right: 1.0666666667rem;
right: 1.06667rem;
}
.account .active {
color: #1F1B4F;
font-weight: bold;
}
.withdrawal {
width: 9.1466666667rem;
height: 7.6266666667rem;
margin: 0 auto 0.5333333333rem;
width: 9.14667rem;
margin: 0 auto 0.53333rem;
background: #fff;
border-radius: 0.2666666667rem;
border-radius: 0.26667rem;
position: relative;
overflow: hidden;
}
.withdrawal .gold {
width: 0.5333333333rem;
height: 0.5333333333rem;
width: 0.53333rem;
height: 0.53333rem;
position: absolute;
top: 0.5333333333rem;
left: 0.5333333333rem;
top: 0.53333rem;
left: 0.53333rem;
}
.withdrawal .title {
margin-top: 0.5333333333rem;
margin-left: 1.2266666667rem;
font-size: 0.4266666667rem;
margin-top: 0.53333rem;
margin-left: 1.22667rem;
font-size: 0.42667rem;
color: #1F1B4F;
font-weight: bold;
}
.withdrawal input {
background: transparent;
border: none;
outline: none;
box-sizing: border-box;
padding: 0 0.5333333333rem;
padding: 0 0.53333rem;
width: 8.08rem;
height: 1.28rem;
margin: 0.4266666667rem auto 0.64rem;
margin: 0.42667rem auto 0.64rem;
background: #F3F5FA;
display: block;
border-radius: 0.2133333333rem;
border-radius: 0.21333rem;
}
.withdrawal input::placeholder {
font-size: 0.3733333333rem;
font-size: 0.37333rem;
color: #B3B3C3;
}
.withdrawal .withdrawalBox {
width: 8.08rem;
height: 1.28rem;
@@ -192,26 +209,31 @@ body {
left: 0.55rem;
top: 1.3rem;
}
.withdrawal .numBox {
width: 100%;
box-sizing: border-box;
padding: 0 0.5333333333rem;
margin: 0 auto 0.7466666667rem;
padding: 0 0.53333rem;
margin: 0 auto 0.74667rem;
}
.withdrawal .numBox span {
color: #1F1B4F;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
}
.withdrawal .numBox b {
color: #B3B3C3;
font-size: 0.3733333333rem;
font-size: 0.37333rem;
float: right;
}
.withdrawal .numBox .active {
color: #9168FA;
font-size: 0.4666666667rem;
font-size: 0.46667rem;
font-weight: bold;
}
.withdrawal p {
margin-bottom: 0.16rem;
color: #8A8CAB;
@@ -219,8 +241,10 @@ body {
display: block;
width: 100%;
box-sizing: border-box;
padding: 0 0.5333333333rem;
padding: 0 0.53333rem;
line-height: 0.55rem;
}
.withdrawal p i {
font-style: normal;
}
@@ -235,40 +259,45 @@ body {
background: rgba(0, 0, 0, 0.6);
display: none;
}
.accountPub .accountPub_in {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
border-radius: 0.7466666667rem 0.7466666667rem 0 0;
border-radius: 0.74667rem 0.74667rem 0 0;
background: #fff;
overflow: hidden;
height: 8.88rem;
}
.accountPub .accountPub_in h3 {
height: 1.8133333333rem;
line-height: 1.8133333333rem;
border-bottom: 0.0133333333rem solid #EBEEF5;
height: 1.81333rem;
line-height: 1.81333rem;
border-bottom: 0.01333rem solid #EBEEF5;
width: 100%;
text-align: center;
color: #1F1B4F;
font-size: 0.48rem;
font-weight: bold;
}
.accountPub .accountPub_in ul {
width: 100%;
height: 7rem;
overflow-y: scroll;
}
.accountPub .accountPub_in ul li {
width: 100%;
text-align: center;
color: #1F1B4F;
font-size: 0.3733333333rem;
height: 1.3866666667rem;
line-height: 1.3866666667rem;
border-bottom: 0.0133333333rem solid #EBEEF5;
font-size: 0.37333rem;
height: 1.38667rem;
line-height: 1.38667rem;
border-bottom: 0.01333rem solid #EBEEF5;
}
.accountPub .accountPub_in ul .active {
color: #9168FA;
}
@@ -283,78 +312,85 @@ body {
z-index: 99;
display: none;
}
.goldPub .goldPub_in {
width: 8.5066666667rem;
height: 7.3066666667rem;
width: 8.50667rem;
height: 7.30667rem;
background: #fff;
border-radius: 0.5333333333rem;
border-radius: 0.53333rem;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.goldPub .goldPub_in .title {
width: 100%;
text-align: center;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
font-weight: bold;
color: #1F1B4F;
position: absolute;
left: 0;
top: 0.64rem;
}
.goldPub .goldPub_in .num {
position: absolute;
width: 100%;
text-align: center;
color: #1F1B4F;
text-align: center;
top: 1.8666666667rem;
top: 1.86667rem;
left: 0;
font-size: 0.7466666667rem;
font-size: 0.74667rem;
font-weight: bold;
}
.goldPub .goldPub_in img {
position: absolute;
left: 3.2rem;
top: 2.7333333333rem;
width: 0.5333333333rem;
height: 0.5333333333rem;
top: 2.73333rem;
width: 0.53333rem;
height: 0.53333rem;
}
.goldPub .goldPub_in span {
position: absolute;
top: 2.8rem;
left: 3.84rem;
color: #1F1B4F;
font-size: 0.3733333333rem;
font-size: 0.37333rem;
}
.goldPub .goldPub_in input {
width: 6.8rem;
height: 1.28rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3.6266666667rem;
top: 3.62667rem;
text-align: center;
background: #F3F5FA;
outline: none;
border: none;
border-radius: 0.2133333333rem;
font-size: 0.3733333333rem;
border-radius: 0.21333rem;
font-size: 0.37333rem;
}
.goldPub .goldPub_in .but {
width: 7.0133333333rem;
height: 1.2266666667rem;
line-height: 1.2266666667rem;
width: 7.01333rem;
height: 1.22667rem;
line-height: 1.22667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 5.44rem;
text-align: center;
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
border-radius: 1.2266666667rem;
border-radius: 1.22667rem;
color: #FFFFFF;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
}
.withDrawalPub {
@@ -367,64 +403,71 @@ body {
z-index: 99;
display: none;
}
.withDrawalPub .withDrawalPub_in {
width: 8.5066666667rem;
height: 5.8133333333rem;
width: 8.50667rem;
height: 5.81333rem;
background: #fff;
border-radius: 0.5333333333rem;
border-radius: 0.53333rem;
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.withDrawalPub .withDrawalPub_in .title {
width: 100%;
text-align: center;
color: #1F1B4F;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
font-weight: bold;
position: absolute;
left: 0;
top: 0.64rem;
}
.withDrawalPub .withDrawalPub_in p {
width: 100%;
text-align: center;
color: #1F1B4F;
font-size: 0.3733333333rem;
font-size: 0.37333rem;
position: absolute;
left: 0;
top: 1.8666666667rem;
top: 1.86667rem;
}
.withDrawalPub .withDrawalPub_in p b {
font-weight: bold;
}
.withDrawalPub .withDrawalPub_in span {
width: 100%;
text-align: center;
color: #1F1B4F;
font-size: 0.3733333333rem;
font-size: 0.37333rem;
position: absolute;
left: 0;
top: 2.72rem;
}
.withDrawalPub .withDrawalPub_in span b {
color: #9168FA;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
}
.withDrawalPub .withDrawalPub_in .but {
width: 7.0133333333rem;
height: 1.2266666667rem;
line-height: 1.2266666667rem;
width: 7.01333rem;
height: 1.22667rem;
line-height: 1.22667rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 3.9466666667rem;
top: 3.94667rem;
text-align: center;
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
border-radius: 1.2266666667rem;
border-radius: 1.22667rem;
color: #FFFFFF;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
}
.binding {
@@ -437,64 +480,70 @@ body {
background: rgba(0, 0, 0, 0.6);
display: none;
}
.binding .pub_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 0.5333333333rem;
width: 8.5066666667rem;
border-radius: 0.53333rem;
width: 8.50667rem;
height: 4.96rem;
}
.binding .pub_in .title {
position: absolute;
width: 100%;
text-align: center;
color: #1F1B4F;
font-weight: bold;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
top: 0.64rem;
left: 0;
}
.binding .pub_in p {
color: #1F1B4F;
font-size: 0.3733333333rem;
font-size: 0.37333rem;
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 1.7333333333rem;
top: 1.73333rem;
}
.binding .pub_in p b {
color: #9168FA;
font-weight: bold;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
}
.binding .pub_in .close {
width: 3.3066666667rem;
height: 1.1733333333rem;
border-radius: 1.1733333333rem;
line-height: 1.1733333333rem;
width: 3.30667rem;
height: 1.17333rem;
border-radius: 1.17333rem;
line-height: 1.17333rem;
text-align: center;
color: #fff;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
background: #E6E6F0;
position: absolute;
left: 0.7466666667rem;
left: 0.74667rem;
bottom: 0.64rem;
}
.binding .pub_in .ok {
width: 3.3066666667rem;
height: 1.1733333333rem;
border-radius: 1.1733333333rem;
line-height: 1.1733333333rem;
width: 3.30667rem;
height: 1.17333rem;
border-radius: 1.17333rem;
line-height: 1.17333rem;
text-align: center;
color: #fff;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
position: absolute;
right: 0.7466666667rem;
right: 0.74667rem;
bottom: 0.64rem;
}
@@ -508,65 +557,69 @@ body {
background: rgba(0, 0, 0, 0.6);
display: none;
}
.switch .pub_in {
position: relative;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: 0.5333333333rem;
width: 8.5066666667rem;
border-radius: 0.53333rem;
width: 8.50667rem;
height: 4.96rem;
}
.switch .pub_in .title {
position: absolute;
width: 100%;
text-align: center;
color: #1F1B4F;
font-weight: bold;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
top: 0.64rem;
left: 0;
}
.switch .pub_in p {
color: #1F1B4F;
font-size: 0.3733333333rem;
font-size: 0.37333rem;
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: 1.7333333333rem;
top: 1.73333rem;
}
.switch .pub_in p b {
color: #9168FA;
font-weight: bold;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
}
.switch .pub_in .close {
width: 3.3066666667rem;
height: 1.1733333333rem;
border-radius: 1.1733333333rem;
line-height: 1.1733333333rem;
width: 3.30667rem;
height: 1.17333rem;
border-radius: 1.17333rem;
line-height: 1.17333rem;
text-align: center;
color: #fff;
font-size: 0.4266666667rem;
font-size: 0.42667rem;
background: #E6E6F0;
position: absolute;
left: 0.7466666667rem;
bottom: 0.64rem;
}
.switch .pub_in .ok {
width: 3.3066666667rem;
height: 1.1733333333rem;
border-radius: 1.1733333333rem;
line-height: 1.1733333333rem;
text-align: center;
color: #fff;
font-size: 0.4266666667rem;
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
position: absolute;
right: 0.7466666667rem;
left: 0.74667rem;
bottom: 0.64rem;
}
/*# sourceMappingURL=withdrawal.css.map */
.switch .pub_in .ok {
width: 3.30667rem;
height: 1.17333rem;
border-radius: 1.17333rem;
line-height: 1.17333rem;
text-align: center;
color: #fff;
font-size: 0.42667rem;
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
position: absolute;
right: 0.74667rem;
bottom: 0.64rem;
}

View File

@@ -1,5 +1,5 @@
@function px2rem($px, $rem:75) {
@return $px / $rem+rem;
@function px2rem($px) {
@return $px / 75+rem;
}
html,
@@ -11,23 +11,23 @@ body {
.back {
position: fixed;
z-index: 9;
width: px2rem(56, );
height: px2rem(56, );
left: px2rem(40, );
width: px2rem(56);
height: px2rem(56);
left: px2rem(40);
top: 0.2rem;
// display: none;
}
.butBig {
width: px2rem(606, );
height: px2rem(96, );
width: px2rem(606);
height: px2rem(96);
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
border-radius: px2rem(96, );
line-height: px2rem(96, );
border-radius: px2rem(96);
line-height: px2rem(96);
text-align: center;
color: #FFFFFF;
font-size: px2rem(32, );
margin: 0 auto px2rem(50, );
font-size: px2rem(32);
margin: 0 auto px2rem(50);
}
.butBigActive {
@@ -36,29 +36,29 @@ body {
}
.myInfo {
width: px2rem(690, );
height: px2rem(136, );
margin: px2rem(60, ) auto px2rem(32, );
width: px2rem(690);
height: px2rem(136);
margin: px2rem(60) auto px2rem(32);
img {
display: block;
width: px2rem(136, );
height: px2rem(136, );
width: px2rem(136);
height: px2rem(136);
border-radius: 50%;
float: left;
}
div {
float: left;
margin-left: px2rem(22, );
margin-left: px2rem(22);
overflow: hidden;
p {
color: #1F1B4F;
font-size: px2rem(36, );
font-size: px2rem(36);
font-weight: bold;
margin-bottom: px2rem(12, );
margin-top: px2rem(30, );
margin-bottom: px2rem(12);
margin-top: px2rem(30);
width: 6.5rem;
text-overflow: ellipsis;
overflow: hidden;
@@ -67,96 +67,96 @@ body {
b {
color: #8A8CAB;
font-size: px2rem(24, );
font-size: px2rem(24);
}
}
}
.income {
width: px2rem(686, );
height: px2rem(216, );
width: px2rem(686);
height: px2rem(216);
background: url(../images/withdrawal/bg.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto px2rem(8, );
margin: 0 auto px2rem(8);
position: relative;
.rule {
color: #9168FA;
font-size: px2rem(24, );
font-size: px2rem(24);
position: absolute;
right: px2rem(32, );
top: px2rem(18, );
right: px2rem(32);
top: px2rem(18);
}
img {
width: px2rem(56, );
height: px2rem(56, );
width: px2rem(56);
height: px2rem(56);
position: absolute;
left: px2rem(40, );
top: px2rem(80, );
left: px2rem(40);
top: px2rem(80);
}
span {
color: #FFFFFF;
font-size: px2rem(28, );
font-size: px2rem(28);
position: absolute;
left: px2rem(40, );
top: px2rem(32, );
left: px2rem(40);
top: px2rem(32);
}
p {
color: #FFFFFF;
font-size: px2rem(48, );
font-size: px2rem(48);
font-weight: bold;
position: absolute;
left: px2rem(104, );
top: px2rem(88, );
left: px2rem(104);
top: px2rem(88);
}
}
.account {
width: px2rem(686, );
height: px2rem(120, );
line-height: px2rem(120, );
width: px2rem(686);
height: px2rem(120);
line-height: px2rem(120);
background: #fff;
border-radius: px2rem(20, );
margin: 0 auto px2rem(32, );
border-radius: px2rem(20);
margin: 0 auto px2rem(32);
position: relative;
.icon_account {
position: absolute;
left: px2rem(40, );
top: px2rem(40, );
width: px2rem(40, );
height: px2rem(40, );
left: px2rem(40);
top: px2rem(40);
width: px2rem(40);
height: px2rem(40);
}
.arrow_right {
position: absolute;
right: px2rem(40, );
top: px2rem(40, );
width: px2rem(40, );
height: px2rem(40, );
right: px2rem(40);
top: px2rem(40);
width: px2rem(40);
height: px2rem(40);
}
div {
height: 100%;
color: #1F1B4F;
font-size: px2rem(32, );
font-size: px2rem(32);
font-weight: bold;
position: absolute;
top: 0;
left: px2rem(92, );
left: px2rem(92);
}
span {
height: 100%;
color: #B3B3C3;
font-size: px2rem(24, );
font-size: px2rem(24);
position: absolute;
top: 0;
right: px2rem(80, );
right: px2rem(80);
}
.active {
@@ -166,26 +166,26 @@ body {
}
.withdrawal {
width: px2rem(686, );
height: px2rem(572, );
margin: 0 auto px2rem(40, );
width: px2rem(686);
// height: px2rem(572);
margin: 0 auto px2rem(40);
background: #fff;
border-radius: px2rem(20, );
border-radius: px2rem(20);
position: relative;
overflow: hidden;
.gold {
width: px2rem(40, );
height: px2rem(40, );
width: px2rem(40);
height: px2rem(40);
position: absolute;
top: px2rem(40, );
left: px2rem(40, );
top: px2rem(40);
left: px2rem(40);
}
.title {
margin-top: px2rem(40, );
margin-left: px2rem(92, );
font-size: px2rem(32, );
margin-top: px2rem(40);
margin-left: px2rem(92);
font-size: px2rem(32);
color: #1F1B4F;
font-weight: bold;
}
@@ -195,23 +195,23 @@ body {
border: none;
outline: none;
box-sizing: border-box;
padding: 0 px2rem(40, );
width: px2rem(606, );
height: px2rem(96, );
margin: px2rem(32, ) auto px2rem(48, );
padding: 0 px2rem(40);
width: px2rem(606);
height: px2rem(96);
margin: px2rem(32) auto px2rem(48);
background: #F3F5FA;
display: block;
border-radius: px2rem(16, );
border-radius: px2rem(16);
&::placeholder {
font-size: px2rem(28, );
font-size: px2rem(28);
color: #B3B3C3;
}
}
.withdrawalBox {
width: px2rem(606, );
height: px2rem(96, );
width: px2rem(606);
height: px2rem(96);
position: absolute;
left: 0.55rem;
top: 1.3rem;
@@ -220,36 +220,37 @@ body {
.numBox {
width: 100%;
box-sizing: border-box;
padding: 0 px2rem(40, );
margin: 0 auto px2rem(56, );
padding: 0 px2rem(40);
margin: 0 auto px2rem(56);
span {
color: #1F1B4F;
font-size: px2rem(32, );
font-size: px2rem(32);
// float: left;
}
b {
color: #B3B3C3;
font-size: px2rem(28, );
font-size: px2rem(28);
float: right;
}
.active {
color: #9168FA;
font-size: px2rem(35, );
font-size: px2rem(35);
font-weight: bold;
}
}
p {
margin-bottom: px2rem(12, );
margin-bottom: px2rem(12);
color: #8A8CAB;
font-size: px2rem(24, );
font-size: px2rem(24);
display: block;
width: 100%;
box-sizing: border-box;
padding: 0 px2rem(40, );
padding: 0 px2rem(40);
line-height: 0.55rem;
i {
font-style: normal;
@@ -272,19 +273,19 @@ body {
bottom: 0;
left: 0;
width: 100%;
border-radius: px2rem(56, ) px2rem(56, ) 0 0;
border-radius: px2rem(56) px2rem(56) 0 0;
background: #fff;
overflow: hidden;
height: px2rem(666, );
height: px2rem(666);
h3 {
height: px2rem(136, );
line-height: px2rem(136, );
border-bottom: px2rem(1, ) solid #EBEEF5;
height: px2rem(136);
line-height: px2rem(136);
border-bottom: px2rem(1) solid #EBEEF5;
width: 100%;
text-align: center;
color: #1F1B4F;
font-size: px2rem(36, );
font-size: px2rem(36);
font-weight: bold;
}
@@ -297,10 +298,10 @@ body {
width: 100%;
text-align: center;
color: #1F1B4F;
font-size: px2rem(28, );
height: px2rem(104, );
line-height: px2rem(104, );
border-bottom: px2rem(1, ) solid #EBEEF5;
font-size: px2rem(28);
height: px2rem(104);
line-height: px2rem(104);
border-bottom: px2rem(1) solid #EBEEF5;
}
.active {
@@ -321,10 +322,10 @@ body {
display: none;
.goldPub_in {
width: px2rem(638, );
height: px2rem(548, );
width: px2rem(638);
height: px2rem(548);
background: #fff;
border-radius: px2rem(40, );
border-radius: px2rem(40);
position: relative;
left: 50%;
top: 50%;
@@ -333,12 +334,12 @@ body {
.title {
width: 100%;
text-align: center;
font-size: px2rem(32, );
font-size: px2rem(32);
font-weight: bold;
color: #1F1B4F;
position: absolute;
left: 0;
top: px2rem(48, );
top: px2rem(48);
}
.num {
@@ -347,56 +348,56 @@ body {
text-align: center;
color: #1F1B4F;
text-align: center;
top: px2rem(140, );
top: px2rem(140);
left: 0;
font-size: px2rem(56, );
font-size: px2rem(56);
font-weight: bold;
}
img {
position: absolute;
left: px2rem(240, );
top: px2rem(205, );
width: px2rem(40, );
height: px2rem(40, );
left: px2rem(240);
top: px2rem(205);
width: px2rem(40);
height: px2rem(40);
}
span {
position: absolute;
top: px2rem(210, );
left: px2rem(288, );
top: px2rem(210);
left: px2rem(288);
color: #1F1B4F;
font-size: px2rem(28, );
font-size: px2rem(28);
}
input {
width: px2rem(510, );
height: px2rem(96, );
width: px2rem(510);
height: px2rem(96);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(272, );
top: px2rem(272);
text-align: center;
background: #F3F5FA;
outline: none;
border: none;
border-radius: px2rem(16, );
font-size: px2rem(28, );
border-radius: px2rem(16);
font-size: px2rem(28);
}
.but {
width: px2rem(526, );
height: px2rem(92, );
line-height: px2rem(92, );
width: px2rem(526);
height: px2rem(92);
line-height: px2rem(92);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(408, );
top: px2rem(408);
text-align: center;
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
border-radius: px2rem(92, );
border-radius: px2rem(92);
color: #FFFFFF;
font-size: px2rem(32, );
font-size: px2rem(32);
}
}
}
@@ -412,10 +413,10 @@ body {
display: none;
.withDrawalPub_in {
width: px2rem(638, );
height: px2rem(436, );
width: px2rem(638);
height: px2rem(436);
background: #fff;
border-radius: px2rem(40, );
border-radius: px2rem(40);
position: relative;
left: 50%;
top: 50%;
@@ -425,21 +426,21 @@ body {
width: 100%;
text-align: center;
color: #1F1B4F;
font-size: px2rem(32, );
font-size: px2rem(32);
font-weight: bold;
position: absolute;
left: 0;
top: px2rem(48, );
top: px2rem(48);
}
p {
width: 100%;
text-align: center;
color: #1F1B4F;
font-size: px2rem(28, );
font-size: px2rem(28);
position: absolute;
left: 0;
top: px2rem(140, );
top: px2rem(140);
b {
font-weight: bold;
@@ -450,30 +451,30 @@ body {
width: 100%;
text-align: center;
color: #1F1B4F;
font-size: px2rem(28, );
font-size: px2rem(28);
position: absolute;
left: 0;
top: px2rem(204, );
top: px2rem(204);
b {
color: #9168FA;
font-size: px2rem(32, );
font-size: px2rem(32);
}
}
.but {
width: px2rem(526, );
height: px2rem(92, );
line-height: px2rem(92, );
width: px2rem(526);
height: px2rem(92);
line-height: px2rem(92);
position: absolute;
left: 50%;
transform: translateX(-50%);
top: px2rem(296, );
top: px2rem(296);
text-align: center;
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
border-radius: px2rem(92, );
border-radius: px2rem(92);
color: #FFFFFF;
font-size: px2rem(32, );
font-size: px2rem(32);
}
}
}
@@ -494,9 +495,9 @@ body {
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: px2rem(40, );
width: px2rem(638, );
height: px2rem(372, );
border-radius: px2rem(40);
width: px2rem(638);
height: px2rem(372);
.title {
position: absolute;
@@ -504,53 +505,53 @@ body {
text-align: center;
color: #1F1B4F;
font-weight: bold;
font-size: px2rem(32, );
top: px2rem(48, );
font-size: px2rem(32);
top: px2rem(48);
left: 0;
}
p {
color: #1F1B4F;
font-size: px2rem(28, );
font-size: px2rem(28);
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: px2rem(130, );
top: px2rem(130);
b {
color: #9168FA;
font-weight: bold;
font-size: px2rem(32, );
font-size: px2rem(32);
}
}
.close {
width: px2rem(248, );
height: px2rem(88, );
border-radius: px2rem(88, );
line-height: px2rem(88, );
width: px2rem(248);
height: px2rem(88);
border-radius: px2rem(88);
line-height: px2rem(88);
text-align: center;
color: #fff;
font-size: px2rem(32, );
font-size: px2rem(32);
background: #E6E6F0;
position: absolute;
left: px2rem(56, );
bottom: px2rem(48, );
left: px2rem(56);
bottom: px2rem(48);
}
.ok {
width: px2rem(248, );
height: px2rem(88, );
border-radius: px2rem(88, );
line-height: px2rem(88, );
width: px2rem(248);
height: px2rem(88);
border-radius: px2rem(88);
line-height: px2rem(88);
text-align: center;
color: #fff;
font-size: px2rem(32, );
font-size: px2rem(32);
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
position: absolute;
right: px2rem(56, );
bottom: px2rem(48, );
right: px2rem(56);
bottom: px2rem(48);
}
}
}
@@ -571,9 +572,9 @@ body {
top: 50%;
transform: translate(-50%, -50%);
background: #fff;
border-radius: px2rem(40, );
width: px2rem(638, );
height: px2rem(372, );
border-radius: px2rem(40);
width: px2rem(638);
height: px2rem(372);
.title {
position: absolute;
@@ -581,53 +582,53 @@ body {
text-align: center;
color: #1F1B4F;
font-weight: bold;
font-size: px2rem(32, );
top: px2rem(48, );
font-size: px2rem(32);
top: px2rem(48);
left: 0;
}
p {
color: #1F1B4F;
font-size: px2rem(28, );
font-size: px2rem(28);
position: absolute;
width: 100%;
text-align: center;
left: 0;
top: px2rem(130, );
top: px2rem(130);
b {
color: #9168FA;
font-weight: bold;
font-size: px2rem(32, );
font-size: px2rem(32);
}
}
.close {
width: px2rem(248, );
height: px2rem(88, );
border-radius: px2rem(88, );
line-height: px2rem(88, );
width: px2rem(248);
height: px2rem(88);
border-radius: px2rem(88);
line-height: px2rem(88);
text-align: center;
color: #fff;
font-size: px2rem(32, );
font-size: px2rem(32);
background: #E6E6F0;
position: absolute;
left: px2rem(56, );
bottom: px2rem(48, );
left: px2rem(56);
bottom: px2rem(48);
}
.ok {
width: px2rem(248, );
height: px2rem(88, );
border-radius: px2rem(88, );
line-height: px2rem(88, );
width: px2rem(248);
height: px2rem(88);
border-radius: px2rem(88);
line-height: px2rem(88);
text-align: center;
color: #fff;
font-size: px2rem(32, );
font-size: px2rem(32);
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
position: absolute;
right: px2rem(56, );
bottom: px2rem(48, );
right: px2rem(56);
bottom: px2rem(48);
}
}
}

View File

@@ -55,11 +55,11 @@ function getConfig () {
weekLimitCount = res.data.weekLimitCount;
weekMaxValue = res.data.weekMaxValue;
var str = `
<p>收益金幣達到${res.data.minValue}或以上可以申請提領</p>
<p>提領金幣必須為1000的整倍數</p>
<p>每周可提領次數:<i>${res.data.weekLimitCount}</i></p>
<p>提領手續費:<i>${res.data.chargeRate}%</i></p>
<p>台幣提領請聯繫客服微信sd245376如您使用Payoneer帳戶提領Payoneer要求50美元起付需要滿足55000金幣後發起不滿足的提領將會被駁回</p>
<p>1、收益金幣達到${res.data.minValue}或以上可以申請提領</p>
<p>2、提領金幣必須為1000的整倍數</p>
<p>3、每周可提領次數:<i>${res.data.weekLimitCount}</i> 提領手續費:<i>${res.data.chargeRate}%</i></p>
<p>4、台幣提領請聯繫客服微信sd245376</p>
<p>5、如您使用Payoneer帳戶提領Payoneer要求付款最少50美元需要滿足55000金幣後發起不滿足的提領將會被駁回</p>
`
$('.withdrawal').append(str);
getAccounts();

View File

@@ -9,7 +9,7 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<title>提領規則</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/rule.css">
<link rel="stylesheet" href="./css/rule.css?v=1.0">
</head>
<body>
@@ -18,19 +18,13 @@
<!-- 内容 -->
<div class="box">
<h3>提領規則</h3>
<p>1.什是金幣</p>
<p>金幣是在房間收到的禮物打賞可以收穫金幣。</p>
<p>2.如何獲得金幣</p>
<p>可以通過接受別人打賞的禮物,獲得金幣。</p>
<p>3.收益提領规则</p>
<p>3.1. 1000金幣等於1美元根據提領地區匯率換算匯率每週更新</p>
<p>3.2. 每周可申請提領<b class="b2"></b>次,次日發放;</p>
<p>3.3. 金幣數量需大於或等於<b class="b1"></b>金幣才能申請提取;</p>
<p>3.4. 如您的提領信息有誤無法發放,金幣原路退回帳號,請聯繫客服;</p>
<p>4.金幣兌換鑽石规则</p>
<p>金幣可兌換為鑽石兌換比例1000金幣=1000鑽石。</p>
<p>5.不提取不兌換,金幣則不會被清空。</p>
<p>6.台幣提領請聯繫客服微信sd245376如您使用Payoneer帳戶提領Payoneer要求50美元起付需要滿足55000金幣後發起不滿足的提領將會被駁回。</p>
<p>1.金幣是在房間收到的禮物打賞可以收穫金幣</p>
<p>2.1000金幣等於1美元根據提領地區匯率換算匯率每週更新</p>
<p>3.每周可申請提領<b class="b2"></b>次,隔天發放,到帳時間以當地銀行處理為準</p>
<p>4.金幣數量大於或等於<b class="b1"></b>金幣才能申請提取;</p>
<p>5.如您的提領信息有誤無法發放金幣原路退回帳號請聯繫客服微信sd245376</p>
<p>6.金幣可兌換為鑽石兌換比例1000金幣=1000鑽石。</p>
<p>7.台幣提領請聯繫客服微信sd245376如您使用Payoneer帳戶提領Payoneer要求50美元起付需要滿足55000金幣後發起不滿足的提領將會被駁回。</p>
</div>
</body>

View File

@@ -9,7 +9,7 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<title>收益提領</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="./css/withdrawal.css">
<link rel="stylesheet" href="./css/withdrawal.css?v=1.0">
</head>
<body>
@@ -110,4 +110,4 @@
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/route-constant.js"></script>
<script src="../../common/js/svga.min.js"></script>
<script src="./js/withdrawal.js?v=1.1"></script>
<script src="./js/withdrawal.js?v=1.2"></script>