diff --git a/view/peko/modules/h5Income/css/rule.css b/view/peko/modules/h5Income/css/rule.css index 5b1caa1..3bab9f8 100644 --- a/view/peko/modules/h5Income/css/rule.css +++ b/view/peko/modules/h5Income/css/rule.css @@ -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 */ diff --git a/view/peko/modules/h5Income/css/rule.scss b/view/peko/modules/h5Income/css/rule.scss index 26ee1df..e4b63ea 100644 --- a/view/peko/modules/h5Income/css/rule.scss +++ b/view/peko/modules/h5Income/css/rule.scss @@ -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; } } \ No newline at end of file diff --git a/view/peko/modules/h5Income/css/withdrawal.css b/view/peko/modules/h5Income/css/withdrawal.css index 184533a..a455341 100644 --- a/view/peko/modules/h5Income/css/withdrawal.css +++ b/view/peko/modules/h5Income/css/withdrawal.css @@ -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; +} diff --git a/view/peko/modules/h5Income/css/withdrawal.scss b/view/peko/modules/h5Income/css/withdrawal.scss index 242560e..87dd185 100644 --- a/view/peko/modules/h5Income/css/withdrawal.scss +++ b/view/peko/modules/h5Income/css/withdrawal.scss @@ -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); } } } \ No newline at end of file diff --git a/view/peko/modules/h5Income/js/withdrawal.js b/view/peko/modules/h5Income/js/withdrawal.js index 52aa76e..47237f5 100644 --- a/view/peko/modules/h5Income/js/withdrawal.js +++ b/view/peko/modules/h5Income/js/withdrawal.js @@ -55,11 +55,11 @@ function getConfig () { weekLimitCount = res.data.weekLimitCount; weekMaxValue = res.data.weekMaxValue; var str = ` -
收益金幣達到${res.data.minValue}或以上可以申請提領
-提領金幣必須為1000的整倍數
-每周可提領次數:${res.data.weekLimitCount}
-提領手續費:${res.data.chargeRate}%
-台幣提領,請聯繫客服微信:sd245376,如您使用Payoneer帳戶提領,Payoneer要求50美元起付,需要滿足55000金幣後發起,不滿足的提領將會被駁回
+1、收益金幣達到${res.data.minValue}或以上可以申請提領
+2、提領金幣必須為1000的整倍數
+3、每周可提領次數:${res.data.weekLimitCount} 提領手續費:${res.data.chargeRate}%
+4、台幣提領,請聯繫客服微信:sd245376
+5、如您使用Payoneer帳戶提領,因Payoneer要求付款最少50美元,需要滿足55000金幣後發起,不滿足的提領將會被駁回
` $('.withdrawal').append(str); getAccounts(); diff --git a/view/peko/modules/h5Income/rule.html b/view/peko/modules/h5Income/rule.html index 0bfbb23..8ed2677 100644 --- a/view/peko/modules/h5Income/rule.html +++ b/view/peko/modules/h5Income/rule.html @@ -9,7 +9,7 @@1.什是金幣
-金幣是在房間收到的禮物打賞可以收穫金幣。
-2.如何獲得金幣
-可以通過接受別人打賞的禮物,獲得金幣。
-3.收益提領规则
-3.1. 1000金幣等於1美元,根據提領地區匯率換算,匯率每週更新
-3.2. 每周可申請提領次,次日發放;
-3.3. 金幣數量需大於或等於金幣才能申請提取;
-3.4. 如您的提領信息有誤無法發放,金幣原路退回帳號,請聯繫客服;
-4.金幣兌換鑽石规则
-金幣可兌換為鑽石,兌換比例:1000金幣=1000鑽石。
-5.不提取不兌換,金幣則不會被清空。
-6.台幣提領,請聯繫客服微信:sd245376,如您使用Payoneer帳戶提領,Payoneer要求50美元起付,需要滿足55000金幣後發起,不滿足的提領將會被駁回。
+1.金幣是在房間收到的禮物打賞可以收穫金幣。
+2.1000金幣等於1美元,根據提領地區匯率換算,匯率每週更新
+3.每周可申請提領次,隔天發放,到帳時間以當地銀行處理為準
+4.金幣數量大於或等於金幣才能申請提取;
+5.如您的提領信息有誤無法發放,金幣原路退回帳號,請聯繫客服微信:sd245376
+6.金幣可兌換為鑽石,兌換比例:1000金幣=1000鑽石。
+7.台幣提領,請聯繫客服微信:sd245376,如您使用Payoneer帳戶提領,Payoneer要求50美元起付,需要滿足55000金幣後發起,不滿足的提領將會被駁回。