Compare commits
13 Commits
2023-year
...
gift_chang
| Author | SHA1 | Date | |
|---|---|---|---|
|
c366781143 | ||
|
|
0d1261e87c | ||
|
|
0fc37c0289 | ||
|
|
1ca6b5b74e | ||
|
|
d792b803f0 | ||
|
|
947cc3570c | ||
|
|
946c69abd3 | ||
|
|
91785e4801 | ||
|
|
eb9aa6a1d0 | ||
|
|
fbe20e1576 | ||
|
|
50e25c99bb | ||
|
|
1023001e73 | ||
|
|
e5925c29fe |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 44 KiB |
@@ -502,6 +502,10 @@ body {
|
|||||||
font-size: 0.34667rem;
|
font-size: 0.34667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.speed_rogress .speed_rogress_top .spanAct {
|
||||||
|
color: #00ffea;
|
||||||
|
}
|
||||||
|
|
||||||
.speed_rogress .speed_rogress_top .speed {
|
.speed_rogress .speed_rogress_top .speed {
|
||||||
width: 4.66667rem;
|
width: 4.66667rem;
|
||||||
height: 0.44rem;
|
height: 0.44rem;
|
||||||
@@ -521,6 +525,7 @@ body {
|
|||||||
.speed_rogress .speed_rogress_top .speed div img {
|
.speed_rogress .speed_rogress_top .speed div img {
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0.33333rem;
|
height: 0.33333rem;
|
||||||
|
border-radius: 0.33333rem;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -719,6 +724,10 @@ body {
|
|||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.bottom .swiper .swiper-slide div strong .iAct {
|
||||||
|
color: #00ffea;
|
||||||
|
}
|
||||||
|
|
||||||
.bottom .swiper .swiper-slide div strong b {
|
.bottom .swiper .swiper-slide div strong b {
|
||||||
color: #7962A7;
|
color: #7962A7;
|
||||||
font-size: 0.26667rem;
|
font-size: 0.26667rem;
|
||||||
@@ -730,6 +739,11 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.bottom .swiper .swiper-slide .div_active {
|
.bottom .swiper .swiper-slide .div_active {
|
||||||
|
background-size: 100% 100%;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom .swiper .swiper-slide .div_active1 {
|
||||||
background: url(../images/div_active.png) no-repeat;
|
background: url(../images/div_active.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
border: none;
|
border: none;
|
||||||
@@ -770,10 +784,16 @@ body {
|
|||||||
|
|
||||||
.refining .refining_in p {
|
.refining .refining_in p {
|
||||||
margin-top: 0.98667rem;
|
margin-top: 0.98667rem;
|
||||||
width: 100%;
|
width: 90%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
|
margin: 0.98667rem auto 0;
|
||||||
|
line-height: 0.45rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.refining .refining_in p b {
|
||||||
|
color: #00E5F9;
|
||||||
}
|
}
|
||||||
|
|
||||||
.refining .refining_in div {
|
.refining .refining_in div {
|
||||||
@@ -781,7 +801,7 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-top: 0.74667rem;
|
margin-top: 0.53333rem;
|
||||||
padding: 0 0.73333rem;
|
padding: 0 0.73333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -967,6 +987,61 @@ body {
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.investment2 {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
z-index: 88;
|
||||||
|
}
|
||||||
|
|
||||||
|
.investment2 .investment_in {
|
||||||
|
width: 6.88rem;
|
||||||
|
height: 5.57333rem;
|
||||||
|
background: url(../images/add_put.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
top: 40%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 0.38667rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.investment2 .investment_in p {
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
width: 85%;
|
||||||
|
position: absolute;
|
||||||
|
top: 1.5rem;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
line-height: 0.45rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.investment2 .investment_in p b {
|
||||||
|
color: #00ffea;
|
||||||
|
}
|
||||||
|
|
||||||
|
.investment2 .investment_in img {
|
||||||
|
position: absolute;
|
||||||
|
width: 2.50667rem;
|
||||||
|
height: 1rem;
|
||||||
|
top: 3.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.investment2 .investment_in .close {
|
||||||
|
left: 0.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.investment2 .investment_in .ok {
|
||||||
|
right: 0.6rem;
|
||||||
|
}
|
||||||
|
|
||||||
.record {
|
.record {
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|||||||
@@ -17,6 +17,7 @@
|
|||||||
url('../../../common/fonts/PingFang-Regular.ttf') format('truetype'),
|
url('../../../common/fonts/PingFang-Regular.ttf') format('truetype'),
|
||||||
url('../../../common/fonts/PingFang-Regular.ttf') format('svg');
|
url('../../../common/fonts/PingFang-Regular.ttf') format('svg');
|
||||||
}
|
}
|
||||||
|
|
||||||
.back {
|
.back {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: px2rem(50);
|
top: px2rem(50);
|
||||||
@@ -52,7 +53,8 @@ body {
|
|||||||
|
|
||||||
.step1 {
|
.step1 {
|
||||||
display: none;
|
display: none;
|
||||||
.step_tips{
|
|
||||||
|
.step_tips {
|
||||||
width: px2rem(684);
|
width: px2rem(684);
|
||||||
height: px2rem(328);
|
height: px2rem(328);
|
||||||
// margin: px2rem(553) px2rem(30) 0;
|
// margin: px2rem(553) px2rem(30) 0;
|
||||||
@@ -61,6 +63,7 @@ body {
|
|||||||
left: px2rem(30);
|
left: px2rem(30);
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.step_but {
|
.step_but {
|
||||||
width: px2rem(108);
|
width: px2rem(108);
|
||||||
height: px2rem(121);
|
height: px2rem(121);
|
||||||
@@ -71,9 +74,11 @@ body {
|
|||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.step2 {
|
.step2 {
|
||||||
display: none;
|
display: none;
|
||||||
.step_tips{
|
|
||||||
|
.step_tips {
|
||||||
width: px2rem(684);
|
width: px2rem(684);
|
||||||
height: px2rem(328);
|
height: px2rem(328);
|
||||||
// margin: px2rem(1043) px2rem(30) 0;
|
// margin: px2rem(1043) px2rem(30) 0;
|
||||||
@@ -82,6 +87,7 @@ body {
|
|||||||
left: px2rem(30);
|
left: px2rem(30);
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xuxian_qp {
|
.xuxian_qp {
|
||||||
width: px2rem(126);
|
width: px2rem(126);
|
||||||
height: px2rem(75);
|
height: px2rem(75);
|
||||||
@@ -90,6 +96,7 @@ body {
|
|||||||
left: px2rem(374);
|
left: px2rem(374);
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xuxian_bar {
|
.xuxian_bar {
|
||||||
width: 1.8rem;
|
width: 1.8rem;
|
||||||
height: 1.3rem;
|
height: 1.3rem;
|
||||||
@@ -98,6 +105,7 @@ body {
|
|||||||
right: 0.85rem;
|
right: 0.85rem;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.step_but {
|
.step_but {
|
||||||
width: px2rem(108);
|
width: px2rem(108);
|
||||||
height: px2rem(121);
|
height: px2rem(121);
|
||||||
@@ -108,9 +116,11 @@ body {
|
|||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.step3 {
|
.step3 {
|
||||||
display: none;
|
display: none;
|
||||||
.step_tips{
|
|
||||||
|
.step_tips {
|
||||||
width: px2rem(684);
|
width: px2rem(684);
|
||||||
height: px2rem(328);
|
height: px2rem(328);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -118,6 +128,7 @@ body {
|
|||||||
left: px2rem(30);
|
left: px2rem(30);
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xuxian_c {
|
.xuxian_c {
|
||||||
width: px2rem(708);
|
width: px2rem(708);
|
||||||
height: px2rem(295);
|
height: px2rem(295);
|
||||||
@@ -126,6 +137,7 @@ body {
|
|||||||
left: px2rem(21);
|
left: px2rem(21);
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.step_but {
|
.step_but {
|
||||||
width: px2rem(108);
|
width: px2rem(108);
|
||||||
height: px2rem(121);
|
height: px2rem(121);
|
||||||
@@ -135,9 +147,11 @@ body {
|
|||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.step4 {
|
.step4 {
|
||||||
display: none;
|
display: none;
|
||||||
.step_tips{
|
|
||||||
|
.step_tips {
|
||||||
width: px2rem(684);
|
width: px2rem(684);
|
||||||
height: px2rem(328);
|
height: px2rem(328);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -145,7 +159,8 @@ body {
|
|||||||
left: px2rem(30);
|
left: px2rem(30);
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
.xuxian_c{
|
|
||||||
|
.xuxian_c {
|
||||||
width: px2rem(690);
|
width: px2rem(690);
|
||||||
height: px2rem(690);
|
height: px2rem(690);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -153,6 +168,7 @@ body {
|
|||||||
left: px2rem(30);
|
left: px2rem(30);
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.success_wrap {
|
.success_wrap {
|
||||||
display: none;
|
display: none;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
@@ -176,15 +192,18 @@ body {
|
|||||||
background: url(../images/qipao3.png) no-repeat;
|
background: url(../images/qipao3.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin-top: px2rem(22);
|
margin-top: px2rem(22);
|
||||||
font-family: 'pingfang-regular';
|
font-family: 'pingfang-regular';
|
||||||
font-size: px2rem(24);
|
font-size: px2rem(24);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
b {
|
b {
|
||||||
color: #FDD411;
|
color: #FDD411;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-top: px2rem(14);
|
margin-top: px2rem(14);
|
||||||
font-family: 'pingfang-regular';
|
font-family: 'pingfang-regular';
|
||||||
@@ -192,6 +211,7 @@ body {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.bad_wrap {
|
.bad_wrap {
|
||||||
display: none;
|
display: none;
|
||||||
z-index: 999;
|
z-index: 999;
|
||||||
@@ -214,15 +234,18 @@ body {
|
|||||||
background: url(../images/qipao_bad.png) no-repeat;
|
background: url(../images/qipao_bad.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin-top: px2rem(22);
|
margin-top: px2rem(22);
|
||||||
font-family: 'pingfang-regular';
|
font-family: 'pingfang-regular';
|
||||||
font-size: px2rem(24);
|
font-size: px2rem(24);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
b {
|
b {
|
||||||
color: #FDD411;
|
color: #FDD411;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-top: px2rem(14);
|
margin-top: px2rem(14);
|
||||||
font-family: 'pingfang-regular';
|
font-family: 'pingfang-regular';
|
||||||
@@ -236,6 +259,7 @@ body {
|
|||||||
.head_wrap {
|
.head_wrap {
|
||||||
height: px2rem(1139);
|
height: px2rem(1139);
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: px2rem(1018);
|
height: px2rem(1018);
|
||||||
@@ -377,9 +401,11 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-evenly;
|
justify-content: space-evenly;
|
||||||
|
|
||||||
.tab_item {
|
.tab_item {
|
||||||
width: px2rem(188);
|
width: px2rem(188);
|
||||||
height: px2rem(60);
|
height: px2rem(60);
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@@ -460,6 +486,7 @@ body {
|
|||||||
background: url(../images/but_active.png) no-repeat;
|
background: url(../images/but_active.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xs_but_active {
|
.xs_but_active {
|
||||||
background: url(../images/xs_but_active.png) no-repeat;
|
background: url(../images/xs_but_active.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
@@ -482,6 +509,7 @@ body {
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: px2rem(22);
|
font-size: px2rem(22);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
span {
|
span {
|
||||||
color: #FBE5B5;
|
color: #FBE5B5;
|
||||||
}
|
}
|
||||||
@@ -511,6 +539,10 @@ body {
|
|||||||
font-size: px2rem(26);
|
font-size: px2rem(26);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.spanAct {
|
||||||
|
color: #00ffea;
|
||||||
|
}
|
||||||
|
|
||||||
.speed {
|
.speed {
|
||||||
width: px2rem(350);
|
width: px2rem(350);
|
||||||
height: px2rem(33);
|
height: px2rem(33);
|
||||||
@@ -530,6 +562,7 @@ body {
|
|||||||
width: 0;
|
width: 0;
|
||||||
// width: px2rem(342);
|
// width: px2rem(342);
|
||||||
height: px2rem(25);
|
height: px2rem(25);
|
||||||
|
border-radius: px2rem(25);
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -679,24 +712,6 @@ body {
|
|||||||
margin-right: 0.6rem;
|
margin-right: 0.6rem;
|
||||||
transform: translateX(42%);
|
transform: translateX(42%);
|
||||||
|
|
||||||
// .div_active {
|
|
||||||
// background: url(../images/div_active.png) no-repeat;
|
|
||||||
// background-size: 100% 100%;
|
|
||||||
// border: none;
|
|
||||||
// width: px2rem(120);
|
|
||||||
// height: px2rem(120);
|
|
||||||
// border-radius: px2rem(12);
|
|
||||||
// float: left;
|
|
||||||
// position: relative;
|
|
||||||
// margin-bottom: px2rem(67);
|
|
||||||
// box-sizing: border-box;
|
|
||||||
// margin-right: 0.6rem;
|
|
||||||
// transform: translateX(42%);
|
|
||||||
// position: absolute;
|
|
||||||
// left: -0.1rem;
|
|
||||||
// top: 0;
|
|
||||||
// }
|
|
||||||
|
|
||||||
img {
|
img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: px2rem(101);
|
width: px2rem(101);
|
||||||
@@ -749,6 +764,10 @@ body {
|
|||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.iAct {
|
||||||
|
color: #00ffea;
|
||||||
|
}
|
||||||
|
|
||||||
b {
|
b {
|
||||||
color: #7962A7;
|
color: #7962A7;
|
||||||
font-size: px2rem(20);
|
font-size: px2rem(20);
|
||||||
@@ -762,6 +781,12 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.div_active {
|
.div_active {
|
||||||
|
// background: url(../images/div_active.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.div_active1 {
|
||||||
background: url(../images/div_active.png) no-repeat;
|
background: url(../images/div_active.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
border: none;
|
border: none;
|
||||||
@@ -803,10 +828,16 @@ body {
|
|||||||
|
|
||||||
p {
|
p {
|
||||||
margin-top: px2rem(74);
|
margin-top: px2rem(74);
|
||||||
width: 100%;
|
width: 90%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: px2rem(24);
|
font-size: px2rem(24);
|
||||||
|
margin: px2rem(74) auto 0;
|
||||||
|
line-height: 0.45rem;
|
||||||
|
|
||||||
|
b {
|
||||||
|
color: #00E5F9;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
@@ -814,7 +845,7 @@ body {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
margin-top: px2rem(56);
|
margin-top: px2rem(40);
|
||||||
padding: 0 px2rem(55);
|
padding: 0 px2rem(55);
|
||||||
|
|
||||||
img {
|
img {
|
||||||
@@ -1003,6 +1034,59 @@ body {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.investment2 {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
left: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.6);
|
||||||
|
z-index: 88;
|
||||||
|
|
||||||
|
.investment_in {
|
||||||
|
width: px2rem(516);
|
||||||
|
height: px2rem(418);
|
||||||
|
background: url(../images/add_put.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
position: relative;
|
||||||
|
left: 50%;
|
||||||
|
top: 40%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
// overflow: hidden;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: px2rem(29);
|
||||||
|
|
||||||
|
p {
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
width: 85%;
|
||||||
|
position: absolute;
|
||||||
|
top: 1.5rem;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
line-height: 0.45rem;
|
||||||
|
b{
|
||||||
|
color: #00ffea;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
position: absolute;
|
||||||
|
width: 2.50667rem;
|
||||||
|
height: 1rem;
|
||||||
|
top: 3.5rem;
|
||||||
|
}
|
||||||
|
.close{
|
||||||
|
left: 0.6rem;
|
||||||
|
}
|
||||||
|
.ok{
|
||||||
|
right: 0.6rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.record {
|
.record {
|
||||||
display: none;
|
display: none;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@@ -1050,6 +1134,7 @@ body {
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: 1px solid #C6ADFF;
|
border: 1px solid #C6ADFF;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no_tx {
|
.no_tx {
|
||||||
display: block;
|
display: block;
|
||||||
width: px2rem(73);
|
width: px2rem(73);
|
||||||
@@ -1239,15 +1324,18 @@ body {
|
|||||||
background: url(../images/qipao3.png) no-repeat;
|
background: url(../images/qipao3.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin-top: px2rem(22);
|
margin-top: px2rem(22);
|
||||||
font-family: 'pingfang-regular';
|
font-family: 'pingfang-regular';
|
||||||
font-size: px2rem(24);
|
font-size: px2rem(24);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
b {
|
b {
|
||||||
color: #FDD411;
|
color: #FDD411;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-top: px2rem(14);
|
margin-top: px2rem(14);
|
||||||
font-family: 'pingfang-regular';
|
font-family: 'pingfang-regular';
|
||||||
@@ -1296,15 +1384,18 @@ body {
|
|||||||
background: url(../images/qipao3.png) no-repeat;
|
background: url(../images/qipao3.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin-top: px2rem(22);
|
margin-top: px2rem(22);
|
||||||
font-family: 'pingfang-regular';
|
font-family: 'pingfang-regular';
|
||||||
font-size: px2rem(24);
|
font-size: px2rem(24);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
b {
|
b {
|
||||||
color: #FDD411;
|
color: #FDD411;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-top: px2rem(14);
|
margin-top: px2rem(14);
|
||||||
font-family: 'pingfang-regular';
|
font-family: 'pingfang-regular';
|
||||||
@@ -1353,15 +1444,18 @@ body {
|
|||||||
background: url(../images/qipao_bad.png) no-repeat;
|
background: url(../images/qipao_bad.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
margin-top: px2rem(22);
|
margin-top: px2rem(22);
|
||||||
font-family: 'pingfang-regular';
|
font-family: 'pingfang-regular';
|
||||||
font-size: px2rem(24);
|
font-size: px2rem(24);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|
||||||
b {
|
b {
|
||||||
color: #FDD411;
|
color: #FDD411;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-top: px2rem(14);
|
margin-top: px2rem(14);
|
||||||
font-family: 'pingfang-regular';
|
font-family: 'pingfang-regular';
|
||||||
|
|||||||
@@ -8,7 +8,7 @@
|
|||||||
<title>魔法小屋</title>
|
<title>魔法小屋</title>
|
||||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||||
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
|
<link rel="stylesheet" href="./css/swiper-bundle.min.css">
|
||||||
<link rel="stylesheet" href="./css/index.css?v=1.2">
|
<link rel="stylesheet" href="./css/index.css?v=1.20">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -150,7 +150,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 添加減少彈框 -->
|
<!-- 添加減少彈框 -->
|
||||||
<div class="investment">
|
<div class="investment" style="z-index: 99;">
|
||||||
<div class="investment_in">
|
<div class="investment_in">
|
||||||
<!-- <img src="./images/del.png" alt="" class="closeBut"> -->
|
<!-- <img src="./images/del.png" alt="" class="closeBut"> -->
|
||||||
<p class="title">選擇投入：</p>
|
<p class="title">選擇投入：</p>
|
||||||
@@ -166,6 +166,14 @@
|
|||||||
<div class="but"></div>
|
<div class="but"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- 超出弹窗提醒 -->
|
||||||
|
<div class="investment2" style="z-index: 100;">
|
||||||
|
<div class="investment_in">
|
||||||
|
<p>投入禮物的價值將<b>高於</b>合成所需價值，確認繼續投入嗎?</p>
|
||||||
|
<img class="close" src="./images/refining_close.png" alt="">
|
||||||
|
<img class="ok" src="./images/refining_ok.png" alt="">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- 規則寶典 -->
|
<!-- 規則寶典 -->
|
||||||
<div class="rule">
|
<div class="rule">
|
||||||
@@ -245,4 +253,4 @@
|
|||||||
<script src="../../common/js/vconsole.min.js"></script>
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
<script src="../../common/js/route-constant.js"></script>
|
<script src="../../common/js/route-constant.js"></script>
|
||||||
<script src="./js/swiper-bundle.min.js"></script>
|
<script src="./js/swiper-bundle.min.js"></script>
|
||||||
<script src="./js/index.js?v=1.2"></script>
|
<script src="./js/index.js?v=1.20"></script>
|
||||||
@@ -7,7 +7,7 @@ const showLoading = (content = '加載中...') => {
|
|||||||
type: 2,
|
type: 2,
|
||||||
shadeClose: false,
|
shadeClose: false,
|
||||||
content,
|
content,
|
||||||
success(e) {
|
success (e) {
|
||||||
layerIndex = $(e).attr('index')
|
layerIndex = $(e).attr('index')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -25,7 +25,7 @@ const toastMsg = (content = '操作完成', time = 2) => {
|
|||||||
|
|
||||||
|
|
||||||
var mySwiper
|
var mySwiper
|
||||||
function swiperFun(mySwiper) {
|
function swiperFun (mySwiper) {
|
||||||
mySwiper = new Swiper('.swiper', {
|
mySwiper = new Swiper('.swiper', {
|
||||||
loop: false, // 循環模式選項
|
loop: false, // 循環模式選項
|
||||||
// 如果需要分頁器
|
// 如果需要分頁器
|
||||||
@@ -80,31 +80,31 @@ $(function () {
|
|||||||
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
window.webkit.messageHandlers.initShowNav.postMessage(0)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
document.addEventListener('touchstart', function (event) {
|
// document.addEventListener('touchstart', function (event) {
|
||||||
|
|
||||||
if (event.touches.length > 1) {
|
// if (event.touches.length > 1) {
|
||||||
|
|
||||||
event.preventDefault();
|
// event.preventDefault();
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
})
|
// })
|
||||||
|
|
||||||
var lastTouchEnd = 0;
|
// var lastTouchEnd = 0;
|
||||||
|
|
||||||
document.addEventListener('touchend', function (event) {
|
// document.addEventListener('touchend', function (event) {
|
||||||
|
|
||||||
var now = (new Date()).getTime();
|
// var now = (new Date()).getTime();
|
||||||
|
|
||||||
if (now - lastTouchEnd <= 300) {
|
// if (now - lastTouchEnd <= 300) {
|
||||||
|
|
||||||
event.preventDefault();
|
// event.preventDefault();
|
||||||
|
|
||||||
}
|
// }
|
||||||
|
|
||||||
lastTouchEnd = now;
|
// lastTouchEnd = now;
|
||||||
|
|
||||||
}, false)
|
// }, false)
|
||||||
changeTab(tabIndex)
|
changeTab(tabIndex)
|
||||||
noticeFun();
|
noticeFun();
|
||||||
getXsDataFun();
|
getXsDataFun();
|
||||||
@@ -113,7 +113,7 @@ $(function () {
|
|||||||
}, 100);
|
}, 100);
|
||||||
})
|
})
|
||||||
// 播放svg
|
// 播放svg
|
||||||
function svgaFun() {
|
function svgaFun () {
|
||||||
player1 = new SVGA.Player('.luzis');
|
player1 = new SVGA.Player('.luzis');
|
||||||
parser1 = new SVGA.Parser('.luzis');
|
parser1 = new SVGA.Parser('.luzis');
|
||||||
parser1.load('./images/luzi.svga', function (videoItem) {
|
parser1.load('./images/luzi.svga', function (videoItem) {
|
||||||
@@ -132,7 +132,7 @@ function svgaFun() {
|
|||||||
})
|
})
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
function xsSvgaFun() {
|
function xsSvgaFun () {
|
||||||
player1 = new SVGA.Player('.luzis');
|
player1 = new SVGA.Player('.luzis');
|
||||||
parser1 = new SVGA.Parser('.luzis');
|
parser1 = new SVGA.Parser('.luzis');
|
||||||
parser1.load('./images/xs_luzi.svga', function (videoItem) {
|
parser1.load('./images/xs_luzi.svga', function (videoItem) {
|
||||||
@@ -150,9 +150,18 @@ function xsSvgaFun() {
|
|||||||
// 練造按鈕
|
// 練造按鈕
|
||||||
$('.header .but').click(function () {
|
$('.header .but').click(function () {
|
||||||
var ifs = $(this).attr('ifckick') == undefined ? 0 : 1;
|
var ifs = $(this).attr('ifckick') == undefined ? 0 : 1;
|
||||||
if (ifs == 1) {
|
var valArr = $('.speed_rogress .speed_rogress_top p').text().match(/\d+(\.\d+)?/g);
|
||||||
|
if (ifs == 1 && valArr[0] >= valArr[1]) {
|
||||||
if (headerBut) {
|
if (headerBut) {
|
||||||
headerBut = false;
|
headerBut = false;
|
||||||
|
// console.log(valArr[0])
|
||||||
|
// console.log(valArr[1] * 0.5)
|
||||||
|
// console.log((valArr[0] - valArr[1])>= valArr[1]* 0.5 ? '超过百分之五十了':'合理范围内');
|
||||||
|
if ((valArr[0] - valArr[1]) > 1000) {
|
||||||
|
$('.refining .refining_in p').html('當前投入禮物值<b>已超過</b>煉制進度值，確認繼續煉制嗎?')
|
||||||
|
} else {
|
||||||
|
$('.refining .refining_in p').html('確認選擇這些背包禮物進行煉制嗎？')
|
||||||
|
}
|
||||||
$('.refining').show();
|
$('.refining').show();
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
@@ -160,7 +169,7 @@ $('.header .but').click(function () {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
//公告欄
|
//公告欄
|
||||||
function guangGao() {
|
function guangGao () {
|
||||||
clearInterval(timeInterval);
|
clearInterval(timeInterval);
|
||||||
timeInterval = setInterval(function () {
|
timeInterval = setInterval(function () {
|
||||||
$('.header .notice ul').animate({
|
$('.header .notice ul').animate({
|
||||||
@@ -173,12 +182,12 @@ function guangGao() {
|
|||||||
}, 2000);
|
}, 2000);
|
||||||
}
|
}
|
||||||
// 輪播
|
// 輪播
|
||||||
function noticeFun() {
|
function noticeFun () {
|
||||||
showLoading();
|
showLoading();
|
||||||
networkRequest({
|
networkRequest({
|
||||||
type: 'GET',
|
type: 'GET',
|
||||||
url: urlPrefix + '/gift/compound/record/top',
|
url: urlPrefix + '/gift/compound/record/top',
|
||||||
success(res) {
|
success (res) {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
var str = ``;
|
var str = ``;
|
||||||
res.data.forEach(res => {
|
res.data.forEach(res => {
|
||||||
@@ -193,18 +202,18 @@ function noticeFun() {
|
|||||||
}
|
}
|
||||||
hideLoading(layerIndex);
|
hideLoading(layerIndex);
|
||||||
},
|
},
|
||||||
error(err) {
|
error (err) {
|
||||||
toastMsg('網絡錯誤，請退出重進');
|
toastMsg('網絡錯誤，請退出重進');
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 合成禮物列錶
|
// 合成禮物列錶
|
||||||
function getDataFun() {
|
function getDataFun () {
|
||||||
showLoading();
|
showLoading();
|
||||||
networkRequest({
|
networkRequest({
|
||||||
type: 'GET',
|
type: 'GET',
|
||||||
url: urlPrefix + '/gift/compound/giftList',
|
url: urlPrefix + '/gift/compound/giftList',
|
||||||
success(res) {
|
success (res) {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
getDataArr = res.data;
|
getDataArr = res.data;
|
||||||
getDataArr.forEach((res, index) => {
|
getDataArr.forEach((res, index) => {
|
||||||
@@ -217,18 +226,18 @@ function getDataFun() {
|
|||||||
}
|
}
|
||||||
hideLoading(layerIndex);
|
hideLoading(layerIndex);
|
||||||
},
|
},
|
||||||
error(err) {
|
error (err) {
|
||||||
toastMsg('網絡錯誤，請退出重進');
|
toastMsg('網絡錯誤，請退出重進');
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 限時合成禮物列錶
|
// 限時合成禮物列錶
|
||||||
function getXsDataFun() {
|
function getXsDataFun () {
|
||||||
showLoading();
|
showLoading();
|
||||||
networkRequest({
|
networkRequest({
|
||||||
type: 'GET',
|
type: 'GET',
|
||||||
url: urlPrefix + '/gift/compound/limit/giftList',
|
url: urlPrefix + '/gift/compound/limit/giftList',
|
||||||
success(res) {
|
success (res) {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
if (tabIndex == 1) {
|
if (tabIndex == 1) {
|
||||||
console.log('渲染限時合成禮物');
|
console.log('渲染限時合成禮物');
|
||||||
@@ -241,32 +250,31 @@ function getXsDataFun() {
|
|||||||
}
|
}
|
||||||
xsOpen = true;
|
xsOpen = true;
|
||||||
$(".header .tab_wrap").show();
|
$(".header .tab_wrap").show();
|
||||||
} else if(res.code === 26001){
|
} else if (res.code === 26001) {
|
||||||
xsOpen = false;
|
xsOpen = false;
|
||||||
$(".header .tab_wrap").hide();
|
$(".header .tab_wrap").hide();
|
||||||
}else if(res.code === 26002){
|
} else if (res.code === 26002) {
|
||||||
$(".header .tab_wrap").show();
|
$(".header .tab_wrap").show();
|
||||||
xsOpen = false;
|
xsOpen = false;
|
||||||
}else {
|
} else {
|
||||||
toastMsg(res.message);
|
toastMsg(res.message);
|
||||||
// console.log(res);
|
// console.log(res);
|
||||||
}
|
}
|
||||||
hideLoading(layerIndex);
|
hideLoading(layerIndex);
|
||||||
},
|
},
|
||||||
error(err) {
|
error (err) {
|
||||||
toastMsg('網絡錯誤，請退出重進');
|
toastMsg('網絡錯誤，請退出重進');
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 初始化渲染合成禮物
|
// 初始化渲染合成禮物
|
||||||
function dataRendering(getDataArrIndex) {
|
function dataRendering (getDataArrIndex) {
|
||||||
// console.log('getDataArrIndex',getDataArr);
|
// console.log('getDataArrIndex',getDataArr);
|
||||||
$('.header .qipao img').attr('src', getDataArr[getDataArrIndex].giftUrl);
|
$('.header .qipao img').attr('src', getDataArr[getDataArrIndex].giftUrl);
|
||||||
$('.header .qipao img').attr('RewardId', getDataArr[getDataArrIndex].compoundRewardId);
|
$('.header .qipao img').attr('RewardId', getDataArr[getDataArrIndex].compoundRewardId);
|
||||||
$('.header .qipao img').attr('giftId', getDataArr[getDataArrIndex].giftId);
|
$('.header .qipao img').attr('giftId', getDataArr[getDataArrIndex].giftId);
|
||||||
$('.header .qipao p').html(`<span>${getDataArr[getDataArrIndex].giftName}</span>（${getDataArr[getDataArrIndex].goldPrice}鉆）`);
|
$('.header .qipao p').html(`<span>${getDataArr[getDataArrIndex].giftName}</span>（${getDataArr[getDataArrIndex].goldPrice}鉆）`);
|
||||||
$('.speed_rogress .speed_rogress_top p').html(`<span>${getDataArr[0].fraction}</span>/${getDataArr[getDataArrIndex].expendValue}`);
|
$('.speed_rogress .speed_rogress_top p').html(`<span class='span'>${getDataArr[0].fraction}</span>/${getDataArr[getDataArrIndex].expendValue}`);
|
||||||
// console.log(Number($('.speed_rogress .speed_rogress_top p span').text()) / getDataArr[getDataArrIndex].goldPrice * 100)
|
|
||||||
let percent = Number($('.speed_rogress .speed_rogress_top p span').text()) / getDataArr[getDataArrIndex].expendValue * 100
|
let percent = Number($('.speed_rogress .speed_rogress_top p span').text()) / getDataArr[getDataArrIndex].expendValue * 100
|
||||||
if (percent > 100) {
|
if (percent > 100) {
|
||||||
$('.speed_rogress .speed_rogress_top .bar_wrap .line').css({ 'width': '100%' })
|
$('.speed_rogress .speed_rogress_top .bar_wrap .line').css({ 'width': '100%' })
|
||||||
@@ -334,29 +342,16 @@ $('.header .right_but').click(function () {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
// 獲取背包禮物
|
// 獲取背包禮物
|
||||||
function listUserBackpackFun() {
|
function listUserBackpackFun () {
|
||||||
showLoading();
|
showLoading();
|
||||||
networkRequest({
|
networkRequest({
|
||||||
type: 'GET',
|
type: 'GET',
|
||||||
url: urlPrefix + '/backpack/listUserBackpack',
|
url: urlPrefix + '/backpack/listUserBackpack',
|
||||||
data: { uid: pubInfo.uid },
|
data: { uid: pubInfo.uid },
|
||||||
success(res) {
|
success (res) {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
if (res.data.length == 0) {
|
if (res.data.length == 0) {
|
||||||
// $('.bottom .b_Top').after(`
|
|
||||||
// <div class="swiper">
|
|
||||||
// <div class="swiper-wrapper">
|
|
||||||
// <div class="not">
|
|
||||||
// <div>
|
|
||||||
// <p>當前暫無多余背包禮物，</p>
|
|
||||||
// <p>無法煉制合成禮物哦~</p>
|
|
||||||
// </div>
|
|
||||||
// </div>
|
|
||||||
// </div>
|
|
||||||
// </div>
|
|
||||||
// `);
|
|
||||||
$('.bottom .swiper .not').show();
|
$('.bottom .swiper .not').show();
|
||||||
// $('.bottom .swiper .swiper-slide').hide();
|
|
||||||
} else {
|
} else {
|
||||||
// 為了解決tab切換時swiper插件重復初始化導致分頁原點錯亂問題，每次都重新創建swiper的盒子
|
// 為了解決tab切換時swiper插件重復初始化導致分頁原點錯亂問題，每次都重新創建swiper的盒子
|
||||||
$('.bottom .swiper').remove();
|
$('.bottom .swiper').remove();
|
||||||
@@ -408,7 +403,7 @@ function listUserBackpackFun() {
|
|||||||
// 點擊背包禮物列錶
|
// 點擊背包禮物列錶
|
||||||
$('.bottom .swiper .swiper-slide div').click(function () {
|
$('.bottom .swiper .swiper-slide div').click(function () {
|
||||||
// 防止合成時點擊繼續添加
|
// 防止合成時點擊繼續添加
|
||||||
if(headerBut){
|
if (headerBut) {
|
||||||
// console.log('防止合成時點擊繼續添加');
|
// console.log('防止合成時點擊繼續添加');
|
||||||
$(this).parent().siblings().children().removeClass('div_active');
|
$(this).parent().siblings().children().removeClass('div_active');
|
||||||
$(this).addClass('div_active').siblings().removeClass('div_active');
|
$(this).addClass('div_active').siblings().removeClass('div_active');
|
||||||
@@ -418,7 +413,6 @@ function listUserBackpackFun() {
|
|||||||
$('.investment .investment_in .num input').val(objs[Number($('.bottom .swiper .swiper-slide .div_active').attr('giftid'))].num);
|
$('.investment .investment_in .num input').val(objs[Number($('.bottom .swiper .swiper-slide .div_active').attr('giftid'))].num);
|
||||||
var srcs = $('.bottom .swiper .swiper-slide .div_active img').attr('src');
|
var srcs = $('.bottom .swiper .swiper-slide .div_active img').attr('src');
|
||||||
$('.investment .investment_in .qipao img').attr("src", srcs);
|
$('.investment .investment_in .qipao img').attr("src", srcs);
|
||||||
// $('.bottom .swiper .swiper-slide div strong i')
|
|
||||||
$(this).children('strong').children('i').text(objs[Number($(this).attr('giftid'))].num);
|
$(this).children('strong').children('i').text(objs[Number($(this).attr('giftid'))].num);
|
||||||
$('.investment').show();
|
$('.investment').show();
|
||||||
size1 = Number($('.investment .investment_in .num input').val());
|
size1 = Number($('.investment .investment_in .num input').val());
|
||||||
@@ -432,19 +426,19 @@ function listUserBackpackFun() {
|
|||||||
}
|
}
|
||||||
hideLoading(layerIndex);
|
hideLoading(layerIndex);
|
||||||
},
|
},
|
||||||
error(err) {
|
error (err) {
|
||||||
toastMsg('網絡錯誤，請退出重進');
|
toastMsg('網絡錯誤，請退出重進');
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
//合成記錄
|
//合成記錄
|
||||||
function recordFun(pageNum) {
|
function recordFun (pageNum) {
|
||||||
showLoading();
|
showLoading();
|
||||||
networkRequest({
|
networkRequest({
|
||||||
type: 'GET',
|
type: 'GET',
|
||||||
url: urlPrefix + '/gift/compound/record',
|
url: urlPrefix + '/gift/compound/record',
|
||||||
data: { pageNum, pageSize: 10 },
|
data: { pageNum, pageSize: 10 },
|
||||||
success(res) {
|
success (res) {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
if (res.data.length == 0 && pageNum == 1) {
|
if (res.data.length == 0 && pageNum == 1) {
|
||||||
$('.record').hide();
|
$('.record').hide();
|
||||||
@@ -487,7 +481,7 @@ function recordFun(pageNum) {
|
|||||||
}
|
}
|
||||||
hideLoading(layerIndex);
|
hideLoading(layerIndex);
|
||||||
},
|
},
|
||||||
error(err) {
|
error (err) {
|
||||||
isLock = true;
|
isLock = true;
|
||||||
toastMsg('網絡錯誤，請退出重進');
|
toastMsg('網絡錯誤，請退出重進');
|
||||||
}
|
}
|
||||||
@@ -496,7 +490,7 @@ function recordFun(pageNum) {
|
|||||||
var isJL = false;
|
var isJL = false;
|
||||||
// 確認投入按鈕
|
// 確認投入按鈕
|
||||||
$('.investment .investment_in .but').click(function () {
|
$('.investment .investment_in .but').click(function () {
|
||||||
// $('.bottom .swiper .swiper-slide .div_active strong').show();
|
var valArr = $('.speed_rogress .speed_rogress_top p').text().match(/\d+(\.\d+)?/g);
|
||||||
var giftIds = $('.bottom .swiper .swiper-slide .div_active').attr('giftId');
|
var giftIds = $('.bottom .swiper .swiper-slide .div_active').attr('giftId');
|
||||||
var val = $('.investment .investment_in .num input').val();
|
var val = $('.investment .investment_in .num input').val();
|
||||||
objs[Number($('.bottom .swiper .swiper-slide .div_active').attr('giftid'))].num = val;
|
objs[Number($('.bottom .swiper .swiper-slide .div_active').attr('giftid'))].num = val;
|
||||||
@@ -504,19 +498,11 @@ $('.investment .investment_in .but').click(function () {
|
|||||||
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`))
|
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`))
|
||||||
compoundParam.compoundList.push({ giftId: Number(giftIds), num: giftNum })
|
compoundParam.compoundList.push({ giftId: Number(giftIds), num: giftNum })
|
||||||
size2 = Number($('.investment .investment_in .num input').val());
|
size2 = Number($('.investment .investment_in .num input').val());
|
||||||
console.log('isJL', isJL);
|
|
||||||
console.log('size1', size1);
|
|
||||||
console.log('size2', size2);
|
|
||||||
|
|
||||||
|
|
||||||
if (isJL) {
|
if (isJL) {
|
||||||
if (size1 < size2) {
|
if (size1 < size2) {
|
||||||
console.log('增加了');
|
console.log('增加了');
|
||||||
//++
|
|
||||||
// if ($('.speed_rogress .speed_rogress_top p span').text() == 0) {
|
|
||||||
// Number($('.speed_rogress .speed_rogress_top p span').text())
|
|
||||||
// getDataArr[0].fraction = Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)) + goldprice * val;
|
|
||||||
// }
|
|
||||||
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`));
|
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`));
|
||||||
var num = $('.bottom .swiper .swiper-slide .div_active').attr(`num`);
|
var num = $('.bottom .swiper .swiper-slide .div_active').attr(`num`);
|
||||||
getDataArr[0].fraction = Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)) + goldprice * (val - num);
|
getDataArr[0].fraction = Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)) + goldprice * (val - num);
|
||||||
@@ -526,27 +512,47 @@ $('.investment .investment_in .but').click(function () {
|
|||||||
} else {
|
} else {
|
||||||
console.log('減少了');
|
console.log('減少了');
|
||||||
//--
|
//--
|
||||||
// getDataArr[0].fraction = Number($('.speed_rogress .speed_rogress_top p span').text()) - ($('.bottom .swiper .swiper-slide .div_active strong i').text() - val) * goldprice;
|
|
||||||
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`));
|
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`));
|
||||||
var num = $('.bottom .swiper .swiper-slide .div_active').attr(`num`);
|
var num = $('.bottom .swiper .swiper-slide .div_active').attr(`num`);
|
||||||
getDataArr[0].fraction = Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)) + goldprice * (val - num);
|
getDataArr[0].fraction = Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)) + goldprice * (val - num);
|
||||||
}
|
}
|
||||||
$('.bottom .swiper .swiper-slide .div_active strong i').text(val)
|
$('.bottom .swiper .swiper-slide .div_active strong i').text(val)
|
||||||
}
|
}
|
||||||
// else {
|
|
||||||
// if (isAdd) {
|
|
||||||
// // getDataArr[0].fraction = Number($('.speed_rogress .speed_rogress_top p span').text()) + goldprice;
|
|
||||||
// getDataArr[0].fraction = Number($('.speed_rogress .speed_rogress_top p span').text()) + goldprice * val;
|
|
||||||
// } else {
|
|
||||||
// // getDataArr[0].fraction = Number($('.speed_rogress .speed_rogress_top p span').text()) - goldprice;
|
|
||||||
// getDataArr[0].fraction = Number($('.speed_rogress .speed_rogress_top p span').text()) - ($('.bottom .swiper .swiper-slide .div_active strong i').text() - val) * goldprice;
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
$('.bottom .swiper .swiper-slide div').removeClass('div_active');
|
|
||||||
$('.investment').hide();
|
|
||||||
dataRendering(getDataArrIndex);
|
dataRendering(getDataArrIndex);
|
||||||
lastNum = $('.speed_rogress .speed_rogress_top p span').text();
|
lastNum = $('.speed_rogress .speed_rogress_top p span').text();
|
||||||
isJL = false;
|
isJL = false;
|
||||||
|
|
||||||
|
console.log($('.bottom .swiper .swiper-slide .div_active').index());
|
||||||
|
if (giftNum > 0) {
|
||||||
|
$('.bottom .swiper .swiper-slide .div_active strong i').addClass('iAct');
|
||||||
|
$('.bottom .swiper .swiper-slide .div_active').addClass('div_active1');
|
||||||
|
|
||||||
|
} else {
|
||||||
|
$('.bottom .swiper .swiper-slide .div_active strong i').removeClass('iAct');
|
||||||
|
$('.bottom .swiper .swiper-slide .div_active').removeClass('div_active1');
|
||||||
|
}
|
||||||
|
if (Number(lastNum) > Number(valArr[1])) {
|
||||||
|
$('.speed_rogress .speed_rogress_top p .span').addClass('spanAct');
|
||||||
|
} else {
|
||||||
|
$('.speed_rogress .speed_rogress_top p .span').removeClass('spanAct');
|
||||||
|
}
|
||||||
|
if (Number(lastNum) - Number(valArr[1]) > 1000) {
|
||||||
|
$('.investment2').show();
|
||||||
|
} else {
|
||||||
|
$('.investment').hide();
|
||||||
|
$('.bottom .swiper .swiper-slide div').removeClass('div_active');
|
||||||
|
}
|
||||||
|
})
|
||||||
|
// 取消提醒超出弹窗
|
||||||
|
$('.investment2 .investment_in .close').click(function () {
|
||||||
|
// $('.investment2').show();
|
||||||
|
$('.investment2').hide();
|
||||||
|
})
|
||||||
|
// 确认提醒超出弹窗
|
||||||
|
$('.investment2 .investment_in .ok').click(function () {
|
||||||
|
$('.bottom .swiper .swiper-slide div').removeClass('div_active');
|
||||||
|
$('.investment2').hide();
|
||||||
|
$('.investment').hide();
|
||||||
})
|
})
|
||||||
// 關閉投入
|
// 關閉投入
|
||||||
$('.investment .investment_in .closeBut').click(function () {
|
$('.investment .investment_in .closeBut').click(function () {
|
||||||
@@ -562,7 +568,6 @@ $('.investment .investment_in .closeBut').click(function () {
|
|||||||
$('.investment .investment_in .num input').val(val);
|
$('.investment .investment_in .num input').val(val);
|
||||||
$('.bottom .swiper .swiper-slide .div_active strong i').text(val);
|
$('.bottom .swiper .swiper-slide .div_active strong i').text(val);
|
||||||
dataRendering(getDataArrIndex);
|
dataRendering(getDataArrIndex);
|
||||||
// $('.bottom .swiper .swiper-slide div strong').hide();
|
|
||||||
$('.investment').hide();
|
$('.investment').hide();
|
||||||
})
|
})
|
||||||
|
|
||||||
@@ -577,40 +582,17 @@ $(".investment .investment_in .num input").on("input", function () {
|
|||||||
var val = $(this).val();
|
var val = $(this).val();
|
||||||
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`));
|
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`));
|
||||||
var num = $('.speed_rogress .speed_rogress_top p span').text();
|
var num = $('.speed_rogress .speed_rogress_top p span').text();
|
||||||
|
|
||||||
// $('.bottom .swiper .swiper-slide .div_active strong i').text(val);
|
|
||||||
if (val > Number($('.bottom .swiper .swiper-slide .div_active strong b').text())) {
|
if (val > Number($('.bottom .swiper .swiper-slide .div_active strong b').text())) {
|
||||||
val = 0;
|
val = 0;
|
||||||
$(this).val(0);
|
$(this).val(0);
|
||||||
toastMsg('超出已擁有數量');
|
toastMsg('背包庫存數量不足');
|
||||||
getDataArr[0].fraction = lastNum;
|
getDataArr[0].fraction = lastNum;
|
||||||
// $('.bottom .swiper .swiper-slide .div_active strong i').text("0");
|
|
||||||
} else if (val == '') {
|
} else if (val == '') {
|
||||||
val = 0;
|
val = 0;
|
||||||
$(this).val(0);
|
$(this).val(0);
|
||||||
getDataArr[0].fraction = lastNum;
|
getDataArr[0].fraction = lastNum;
|
||||||
// $('.bottom .swiper .swiper-slide .div_active strong i').text(0);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// if (Number($('.speed_rogress .speed_rogress_top p span').text()) == 0 || Number($('.investment .investment_in .num input').val()) == 0) {
|
|
||||||
// if (Number($('.speed_rogress .speed_rogress_top p span').text()) == 0) {
|
|
||||||
// getDataArr[0].fraction = 123123123;
|
|
||||||
// } else {
|
|
||||||
// getDataArr[0].fraction = num;
|
|
||||||
// }
|
|
||||||
// } else {
|
|
||||||
// getDataArr[0].fraction = $(this).val() * goldprice + Number($('.speed_rogress .speed_rogress_top p span').text());
|
|
||||||
// }
|
|
||||||
// if ($('.speed_rogress .speed_rogress_top p span').text() == 0) {
|
|
||||||
// getDataArr[0].fraction = $(this).val() * goldprice + Number($('.speed_rogress .speed_rogress_top p span').text());
|
|
||||||
// } else if ($('.speed_rogress .speed_rogress_top p span').text() != 0) {
|
|
||||||
// getDataArr[0].fraction = Number($('.speed_rogress .speed_rogress_top p span').text()) + Number($(this).val())
|
|
||||||
// }
|
|
||||||
// if ($('.bottom .swiper .swiper-slide div strong i').text() == 00) {
|
|
||||||
// $('.bottom .swiper .swiper-slide div strong i').text(0)
|
|
||||||
// }
|
|
||||||
$(this).val(val);
|
$(this).val(val);
|
||||||
// dataRendering(getDataArrIndex);
|
|
||||||
})
|
})
|
||||||
// 增加煉制按鈕
|
// 增加煉制按鈕
|
||||||
var number = 0;
|
var number = 0;
|
||||||
@@ -630,23 +612,11 @@ $('.investment .investment_in .num .add').click(function (event) {
|
|||||||
console.log(indes);
|
console.log(indes);
|
||||||
arrs[indes].goldprice = goldprice;
|
arrs[indes].goldprice = goldprice;
|
||||||
if (val > num) {
|
if (val > num) {
|
||||||
toastMsg('已超出現有數量');
|
toastMsg('背包庫存數量不足');
|
||||||
val = val - 1;
|
val = val - 1;
|
||||||
$('.bottom .swiper .swiper-slide .div_active').attr(`nums`, val);
|
$('.bottom .swiper .swiper-slide .div_active').attr(`nums`, val);
|
||||||
arrs[indes].num = Number($('.bottom .swiper .swiper-slide .div_active').attr('nums'));
|
arrs[indes].num = Number($('.bottom .swiper .swiper-slide .div_active').attr('nums'));
|
||||||
} else {//Number($('.speed_rogress .speed_rogress_top p span').text())
|
} else {
|
||||||
// getDataArr[0].fraction = Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)) + goldprice * val;
|
|
||||||
// $('.bottom .swiper .swiper-slide .div_active').attr(`ad`, getDataArr[0].fraction);
|
|
||||||
// $('.bottom .swiper .swiper-slide .div_active').attr(`nums`, val);
|
|
||||||
// arrs[indes].num = Number($('.bottom .swiper .swiper-slide .div_active').attr('nums'));
|
|
||||||
// // if (isAdd) {
|
|
||||||
// arrs.forEach((res, index) => {
|
|
||||||
// number += res.num * res.goldprice;
|
|
||||||
// })
|
|
||||||
// getDataArr[0].fraction = number;
|
|
||||||
// console.log(arrs);
|
|
||||||
// console.log(number);
|
|
||||||
// }
|
|
||||||
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`));
|
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`));
|
||||||
var num = $('.bottom .swiper .swiper-slide .div_active').attr(`num`);
|
var num = $('.bottom .swiper .swiper-slide .div_active').attr(`num`);
|
||||||
getDataArr[0].fraction = Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)) + goldprice * (val - num);
|
getDataArr[0].fraction = Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)) + goldprice * (val - num);
|
||||||
@@ -669,7 +639,6 @@ $('.investment .investment_in .num .reduce').click(function (event) {
|
|||||||
} else {
|
} else {
|
||||||
var giftNum = objs[Number($('.bottom .swiper .swiper-slide .div_active').attr('giftid'))].num;
|
var giftNum = objs[Number($('.bottom .swiper .swiper-slide .div_active').attr('giftid'))].num;
|
||||||
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`));
|
var goldprice = Number($('.bottom .swiper .swiper-slide .div_active').attr(`goldprice`));
|
||||||
//Number($('.speed_rogress .speed_rogress_top p span').text())
|
|
||||||
var num = $('.bottom .swiper .swiper-slide .div_active').attr(`num`);
|
var num = $('.bottom .swiper .swiper-slide .div_active').attr(`num`);
|
||||||
//
|
//
|
||||||
console.log(Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)));
|
console.log(Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)));
|
||||||
@@ -678,7 +647,6 @@ $('.investment .investment_in .num .reduce').click(function (event) {
|
|||||||
console.log(goldprice * (val - num));
|
console.log(goldprice * (val - num));
|
||||||
|
|
||||||
getDataArr[0].fraction = Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)) + goldprice * (val - num);
|
getDataArr[0].fraction = Number($('.bottom .swiper .swiper-slide .div_active').attr(`ad`)) + goldprice * (val - num);
|
||||||
// $('.bottom .swiper .swiper-slide .div_active').attr(`ad`, getDataArr[0].fraction);
|
|
||||||
}
|
}
|
||||||
$('.bottom .swiper .swiper-slide .div_active').attr(`nums`, val);
|
$('.bottom .swiper .swiper-slide .div_active').attr(`nums`, val);
|
||||||
// dataRendering(getDataArrIndex)
|
// dataRendering(getDataArrIndex)
|
||||||
@@ -701,9 +669,9 @@ $('.refining .refining_in div .ok').click(function () {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
// console.log('arr22222',arr2);
|
// console.log('arr22222',arr2);
|
||||||
arr2.map((item,index)=>{
|
arr2.map((item, index) => {
|
||||||
if(item.num !=''){
|
if (item.num != '') {
|
||||||
if(parseInt(item.num) != 0){
|
if (parseInt(item.num) != 0) {
|
||||||
// console.log(item,index);
|
// console.log(item,index);
|
||||||
arr3.push(item)
|
arr3.push(item)
|
||||||
}
|
}
|
||||||
@@ -715,7 +683,7 @@ $('.refining .refining_in div .ok').click(function () {
|
|||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
$('.header .luzi').css({ "background": "none" });
|
$('.header .luzi').css({ "background": "none" });
|
||||||
}, 120);
|
}, 120);
|
||||||
console.log('compoundParam',compoundParam);
|
console.log('compoundParam', compoundParam);
|
||||||
$('.refining').hide();
|
$('.refining').hide();
|
||||||
if (tabIndex == 0) {
|
if (tabIndex == 0) {
|
||||||
svgaFun();
|
svgaFun();
|
||||||
@@ -730,13 +698,13 @@ $('.refining .refining_in div .ok').click(function () {
|
|||||||
contentType: 'application/json;charset=UTF-8',
|
contentType: 'application/json;charset=UTF-8',
|
||||||
url: urlPrefix + '/gift/compound',
|
url: urlPrefix + '/gift/compound',
|
||||||
data: JSON.stringify(compoundParam),
|
data: JSON.stringify(compoundParam),
|
||||||
success(res) {
|
success (res) {
|
||||||
if (res.code === 200) {
|
if (res.code === 200) {
|
||||||
$('.speed_rogress .speed_rogress_top p span').text(0)
|
$('.speed_rogress .speed_rogress_top p span').text(0)
|
||||||
$('.investment .investment_in .num input').val(0)
|
$('.investment .investment_in .num input').val(0)
|
||||||
|
|
||||||
if (tabIndex == 0) {
|
if (tabIndex == 0) {
|
||||||
$('.gxn .gxn_in .qb img').attr('src',res.data.picUrl);
|
$('.gxn .gxn_in .qb img').attr('src', res.data.picUrl);
|
||||||
$('.gxn .gxn_in p b').text(res.data.giftName);
|
$('.gxn .gxn_in p b').text(res.data.giftName);
|
||||||
changeTab(0)
|
changeTab(0)
|
||||||
noticeFun();
|
noticeFun();
|
||||||
@@ -773,7 +741,7 @@ $('.refining .refining_in div .ok').click(function () {
|
|||||||
}
|
}
|
||||||
hideLoading(layerIndex);
|
hideLoading(layerIndex);
|
||||||
},
|
},
|
||||||
error(err) {
|
error (err) {
|
||||||
toastMsg('網絡錯誤，請退出重進');
|
toastMsg('網絡錯誤，請退出重進');
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -851,14 +819,18 @@ $('.bottom .b_Top img').click(function () {
|
|||||||
$('.bottom .swiper .swiper-slide').remove();
|
$('.bottom .swiper .swiper-slide').remove();
|
||||||
$('.investment .investment_in .num input').val(0)
|
$('.investment .investment_in .num input').val(0)
|
||||||
$('.investment').hide();
|
$('.investment').hide();
|
||||||
|
$('.speed_rogress .speed_rogress_top .spanAct').removeClass('spanAct')
|
||||||
|
listUserBackpackFun();
|
||||||
|
changeTab(tabIndex)
|
||||||
|
noticeFun();
|
||||||
|
getXsDataFun();
|
||||||
|
getDataFun();
|
||||||
listUserBackpackFun();
|
listUserBackpackFun();
|
||||||
|
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
// tab切換
|
// tab切換
|
||||||
var tabIndex = 0;
|
var tabIndex = 0;
|
||||||
function changeTab(tabIndex) {
|
function changeTab (tabIndex) {
|
||||||
if (tabIndex == 0) {
|
if (tabIndex == 0) {
|
||||||
$("body").css('background', '#462978');
|
$("body").css('background', '#462978');
|
||||||
$('.tab_wrap .tab_item').eq(0).find('img').attr('src', "./images/pt_tab_active.png");
|
$('.tab_wrap .tab_item').eq(0).find('img').attr('src', "./images/pt_tab_active.png");
|
||||||
@@ -965,7 +937,7 @@ $('.tab_wrap .tab_item').click(function () {
|
|||||||
})
|
})
|
||||||
|
|
||||||
// 用戶首次進入限時爐引導
|
// 用戶首次進入限時爐引導
|
||||||
function firstEnterFun() {
|
function firstEnterFun () {
|
||||||
$('.step_wrap .step1').show();
|
$('.step_wrap .step1').show();
|
||||||
$('.guide_mask').show();
|
$('.guide_mask').show();
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,35 +7,36 @@ body {
|
|||||||
.back {
|
.back {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
width: 0.7466666667rem;
|
width: 0.74667rem;
|
||||||
height: 0.7466666667rem;
|
height: 0.74667rem;
|
||||||
left: 0.5333333333rem;
|
left: 0.53333rem;
|
||||||
top: 0.2rem;
|
top: 0.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
width: 9.1466666667rem;
|
width: 9.14667rem;
|
||||||
height: auto;
|
height: auto;
|
||||||
margin: 0.8666666667rem auto 0;
|
margin: 0.86667rem auto 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0.64rem 0.5333333333rem;
|
padding: 0.64rem 0.53333rem;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 0.2666666667rem;
|
border-radius: 0.26667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box h3 {
|
.box h3 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 0.32rem;
|
margin-bottom: 0.32rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box p {
|
.box p {
|
||||||
color: #8A8CAB;
|
color: #8A8CAB;
|
||||||
font-size: 0.3466666667rem;
|
font-size: 0.34667rem;
|
||||||
margin-bottom: 0.2666666667rem;
|
margin-bottom: 0.26667rem;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
line-height: 0.55rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*# sourceMappingURL=rule.css.map */
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
@function px2rem($px, $rem:75) {
|
@function px2rem($px) {
|
||||||
@return $px / $rem+rem;
|
@return $px / 75+rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
html,
|
html,
|
||||||
@@ -11,37 +11,38 @@ body {
|
|||||||
.back {
|
.back {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
width: px2rem(56, );
|
width: px2rem(56);
|
||||||
height: px2rem(56, );
|
height: px2rem(56);
|
||||||
left: px2rem(40, );
|
left: px2rem(40);
|
||||||
top: 0.2rem;
|
top: 0.2rem;
|
||||||
// display: none;
|
// display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
width: px2rem(686, );
|
width: px2rem(686);
|
||||||
// height: px2rem(1348, );
|
// height: px2rem(1348);
|
||||||
height: auto;
|
height: auto;
|
||||||
margin: px2rem(65, ) auto 0;
|
margin: px2rem(65) auto 0;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: px2rem(48, ) px2rem(40, );
|
padding: px2rem(48) px2rem(40);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: px2rem(20, );
|
border-radius: px2rem(20);
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: px2rem(24, );
|
margin-bottom: px2rem(24);
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
color: #8A8CAB;
|
color: #8A8CAB;
|
||||||
font-size: px2rem(26, );
|
font-size: px2rem(26);
|
||||||
margin-bottom: px2rem(20, );
|
margin-bottom: px2rem(20);
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
line-height: 0.55rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -7,9 +7,9 @@ body {
|
|||||||
.back {
|
.back {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
width: 0.7466666667rem;
|
width: 0.74667rem;
|
||||||
height: 0.7466666667rem;
|
height: 0.74667rem;
|
||||||
left: 0.5333333333rem;
|
left: 0.53333rem;
|
||||||
top: 0.2rem;
|
top: 0.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -21,8 +21,8 @@ body {
|
|||||||
line-height: 1.28rem;
|
line-height: 1.28rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
margin: 0 auto 0.6666666667rem;
|
margin: 0 auto 0.66667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.butBigActive {
|
.butBigActive {
|
||||||
@@ -31,21 +31,24 @@ body {
|
|||||||
|
|
||||||
.myInfo {
|
.myInfo {
|
||||||
width: 9.2rem;
|
width: 9.2rem;
|
||||||
height: 1.8133333333rem;
|
height: 1.81333rem;
|
||||||
margin: 0.8rem auto 0.4266666667rem;
|
margin: 0.8rem auto 0.42667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.myInfo img {
|
.myInfo img {
|
||||||
display: block;
|
display: block;
|
||||||
width: 1.8133333333rem;
|
width: 1.81333rem;
|
||||||
height: 1.8133333333rem;
|
height: 1.81333rem;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.myInfo div {
|
.myInfo div {
|
||||||
float: left;
|
float: left;
|
||||||
margin-left: 0.2933333333rem;
|
margin-left: 0.29333rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.myInfo div p {
|
.myInfo div p {
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.48rem;
|
font-size: 0.48rem;
|
||||||
@@ -57,134 +60,148 @@ body {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.myInfo div b {
|
.myInfo div b {
|
||||||
color: #8A8CAB;
|
color: #8A8CAB;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.income {
|
.income {
|
||||||
width: 9.1466666667rem;
|
width: 9.14667rem;
|
||||||
height: 2.88rem;
|
height: 2.88rem;
|
||||||
background: url(../images/withdrawal/bg.png) no-repeat;
|
background: url(../images/withdrawal/bg.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
margin: 0 auto 0.1066666667rem;
|
margin: 0 auto 0.10667rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.income .rule {
|
.income .rule {
|
||||||
color: #9168FA;
|
color: #9168FA;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0.4266666667rem;
|
right: 0.42667rem;
|
||||||
top: 0.24rem;
|
top: 0.24rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.income img {
|
.income img {
|
||||||
width: 0.7466666667rem;
|
width: 0.74667rem;
|
||||||
height: 0.7466666667rem;
|
height: 0.74667rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0.5333333333rem;
|
left: 0.53333rem;
|
||||||
top: 1.0666666667rem;
|
top: 1.06667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.income span {
|
.income span {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.37333rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0.5333333333rem;
|
left: 0.53333rem;
|
||||||
top: 0.4266666667rem;
|
top: 0.42667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.income p {
|
.income p {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: 0.64rem;
|
font-size: 0.64rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 1.3866666667rem;
|
left: 1.38667rem;
|
||||||
top: 1.1733333333rem;
|
top: 1.17333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.account {
|
.account {
|
||||||
width: 9.1466666667rem;
|
width: 9.14667rem;
|
||||||
height: 1.6rem;
|
height: 1.6rem;
|
||||||
line-height: 1.6rem;
|
line-height: 1.6rem;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 0.2666666667rem;
|
border-radius: 0.26667rem;
|
||||||
margin: 0 auto 0.4266666667rem;
|
margin: 0 auto 0.42667rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.account .icon_account {
|
.account .icon_account {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0.5333333333rem;
|
left: 0.53333rem;
|
||||||
top: 0.5333333333rem;
|
top: 0.53333rem;
|
||||||
width: 0.5333333333rem;
|
width: 0.53333rem;
|
||||||
height: 0.5333333333rem;
|
height: 0.53333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.account .arrow_right {
|
.account .arrow_right {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0.5333333333rem;
|
right: 0.53333rem;
|
||||||
top: 0.5333333333rem;
|
top: 0.53333rem;
|
||||||
width: 0.5333333333rem;
|
width: 0.53333rem;
|
||||||
height: 0.5333333333rem;
|
height: 0.53333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.account div {
|
.account div {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 1.2266666667rem;
|
left: 1.22667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.account span {
|
.account span {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: #B3B3C3;
|
color: #B3B3C3;
|
||||||
font-size: 0.32rem;
|
font-size: 0.32rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 1.0666666667rem;
|
right: 1.06667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.account .active {
|
.account .active {
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal {
|
.withdrawal {
|
||||||
width: 9.1466666667rem;
|
width: 9.14667rem;
|
||||||
height: 7.6266666667rem;
|
margin: 0 auto 0.53333rem;
|
||||||
margin: 0 auto 0.5333333333rem;
|
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 0.2666666667rem;
|
border-radius: 0.26667rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal .gold {
|
.withdrawal .gold {
|
||||||
width: 0.5333333333rem;
|
width: 0.53333rem;
|
||||||
height: 0.5333333333rem;
|
height: 0.53333rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0.5333333333rem;
|
top: 0.53333rem;
|
||||||
left: 0.5333333333rem;
|
left: 0.53333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal .title {
|
.withdrawal .title {
|
||||||
margin-top: 0.5333333333rem;
|
margin-top: 0.53333rem;
|
||||||
margin-left: 1.2266666667rem;
|
margin-left: 1.22667rem;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal input {
|
.withdrawal input {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0 0.5333333333rem;
|
padding: 0 0.53333rem;
|
||||||
width: 8.08rem;
|
width: 8.08rem;
|
||||||
height: 1.28rem;
|
height: 1.28rem;
|
||||||
margin: 0.4266666667rem auto 0.64rem;
|
margin: 0.42667rem auto 0.64rem;
|
||||||
background: #F3F5FA;
|
background: #F3F5FA;
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: 0.2133333333rem;
|
border-radius: 0.21333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal input::placeholder {
|
.withdrawal input::placeholder {
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.37333rem;
|
||||||
color: #B3B3C3;
|
color: #B3B3C3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal .withdrawalBox {
|
.withdrawal .withdrawalBox {
|
||||||
width: 8.08rem;
|
width: 8.08rem;
|
||||||
height: 1.28rem;
|
height: 1.28rem;
|
||||||
@@ -192,26 +209,31 @@ body {
|
|||||||
left: 0.55rem;
|
left: 0.55rem;
|
||||||
top: 1.3rem;
|
top: 1.3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal .numBox {
|
.withdrawal .numBox {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0 0.5333333333rem;
|
padding: 0 0.53333rem;
|
||||||
margin: 0 auto 0.7466666667rem;
|
margin: 0 auto 0.74667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal .numBox span {
|
.withdrawal .numBox span {
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal .numBox b {
|
.withdrawal .numBox b {
|
||||||
color: #B3B3C3;
|
color: #B3B3C3;
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.37333rem;
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal .numBox .active {
|
.withdrawal .numBox .active {
|
||||||
color: #9168FA;
|
color: #9168FA;
|
||||||
font-size: 0.4666666667rem;
|
font-size: 0.46667rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal p {
|
.withdrawal p {
|
||||||
margin-bottom: 0.16rem;
|
margin-bottom: 0.16rem;
|
||||||
color: #8A8CAB;
|
color: #8A8CAB;
|
||||||
@@ -219,8 +241,10 @@ body {
|
|||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0 0.5333333333rem;
|
padding: 0 0.53333rem;
|
||||||
|
line-height: 0.55rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal p i {
|
.withdrawal p i {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
@@ -235,40 +259,45 @@ body {
|
|||||||
background: rgba(0, 0, 0, 0.6);
|
background: rgba(0, 0, 0, 0.6);
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accountPub .accountPub_in {
|
.accountPub .accountPub_in {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-radius: 0.7466666667rem 0.7466666667rem 0 0;
|
border-radius: 0.74667rem 0.74667rem 0 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: 8.88rem;
|
height: 8.88rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accountPub .accountPub_in h3 {
|
.accountPub .accountPub_in h3 {
|
||||||
height: 1.8133333333rem;
|
height: 1.81333rem;
|
||||||
line-height: 1.8133333333rem;
|
line-height: 1.81333rem;
|
||||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
border-bottom: 0.01333rem solid #EBEEF5;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.48rem;
|
font-size: 0.48rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accountPub .accountPub_in ul {
|
.accountPub .accountPub_in ul {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 7rem;
|
height: 7rem;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accountPub .accountPub_in ul li {
|
.accountPub .accountPub_in ul li {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.37333rem;
|
||||||
height: 1.3866666667rem;
|
height: 1.38667rem;
|
||||||
line-height: 1.3866666667rem;
|
line-height: 1.38667rem;
|
||||||
border-bottom: 0.0133333333rem solid #EBEEF5;
|
border-bottom: 0.01333rem solid #EBEEF5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accountPub .accountPub_in ul .active {
|
.accountPub .accountPub_in ul .active {
|
||||||
color: #9168FA;
|
color: #9168FA;
|
||||||
}
|
}
|
||||||
@@ -283,78 +312,85 @@ body {
|
|||||||
z-index: 99;
|
z-index: 99;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.goldPub .goldPub_in {
|
.goldPub .goldPub_in {
|
||||||
width: 8.5066666667rem;
|
width: 8.50667rem;
|
||||||
height: 7.3066666667rem;
|
height: 7.30667rem;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 0.5333333333rem;
|
border-radius: 0.53333rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.goldPub .goldPub_in .title {
|
.goldPub .goldPub_in .title {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0.64rem;
|
top: 0.64rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.goldPub .goldPub_in .num {
|
.goldPub .goldPub_in .num {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
top: 1.8666666667rem;
|
top: 1.86667rem;
|
||||||
left: 0;
|
left: 0;
|
||||||
font-size: 0.7466666667rem;
|
font-size: 0.74667rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.goldPub .goldPub_in img {
|
.goldPub .goldPub_in img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 3.2rem;
|
left: 3.2rem;
|
||||||
top: 2.7333333333rem;
|
top: 2.73333rem;
|
||||||
width: 0.5333333333rem;
|
width: 0.53333rem;
|
||||||
height: 0.5333333333rem;
|
height: 0.53333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.goldPub .goldPub_in span {
|
.goldPub .goldPub_in span {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 2.8rem;
|
top: 2.8rem;
|
||||||
left: 3.84rem;
|
left: 3.84rem;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.37333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.goldPub .goldPub_in input {
|
.goldPub .goldPub_in input {
|
||||||
width: 6.8rem;
|
width: 6.8rem;
|
||||||
height: 1.28rem;
|
height: 1.28rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
top: 3.6266666667rem;
|
top: 3.62667rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: #F3F5FA;
|
background: #F3F5FA;
|
||||||
outline: none;
|
outline: none;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 0.2133333333rem;
|
border-radius: 0.21333rem;
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.37333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.goldPub .goldPub_in .but {
|
.goldPub .goldPub_in .but {
|
||||||
width: 7.0133333333rem;
|
width: 7.01333rem;
|
||||||
height: 1.2266666667rem;
|
height: 1.22667rem;
|
||||||
line-height: 1.2266666667rem;
|
line-height: 1.22667rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
top: 5.44rem;
|
top: 5.44rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||||
border-radius: 1.2266666667rem;
|
border-radius: 1.22667rem;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withDrawalPub {
|
.withDrawalPub {
|
||||||
@@ -367,64 +403,71 @@ body {
|
|||||||
z-index: 99;
|
z-index: 99;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withDrawalPub .withDrawalPub_in {
|
.withDrawalPub .withDrawalPub_in {
|
||||||
width: 8.5066666667rem;
|
width: 8.50667rem;
|
||||||
height: 5.8133333333rem;
|
height: 5.81333rem;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 0.5333333333rem;
|
border-radius: 0.53333rem;
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
.withDrawalPub .withDrawalPub_in .title {
|
.withDrawalPub .withDrawalPub_in .title {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0.64rem;
|
top: 0.64rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withDrawalPub .withDrawalPub_in p {
|
.withDrawalPub .withDrawalPub_in p {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.37333rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 1.8666666667rem;
|
top: 1.86667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withDrawalPub .withDrawalPub_in p b {
|
.withDrawalPub .withDrawalPub_in p b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withDrawalPub .withDrawalPub_in span {
|
.withDrawalPub .withDrawalPub_in span {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.37333rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 2.72rem;
|
top: 2.72rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withDrawalPub .withDrawalPub_in span b {
|
.withDrawalPub .withDrawalPub_in span b {
|
||||||
color: #9168FA;
|
color: #9168FA;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.withDrawalPub .withDrawalPub_in .but {
|
.withDrawalPub .withDrawalPub_in .but {
|
||||||
width: 7.0133333333rem;
|
width: 7.01333rem;
|
||||||
height: 1.2266666667rem;
|
height: 1.22667rem;
|
||||||
line-height: 1.2266666667rem;
|
line-height: 1.22667rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
top: 3.9466666667rem;
|
top: 3.94667rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||||
border-radius: 1.2266666667rem;
|
border-radius: 1.22667rem;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.binding {
|
.binding {
|
||||||
@@ -437,64 +480,70 @@ body {
|
|||||||
background: rgba(0, 0, 0, 0.6);
|
background: rgba(0, 0, 0, 0.6);
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.binding .pub_in {
|
.binding .pub_in {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 0.5333333333rem;
|
border-radius: 0.53333rem;
|
||||||
width: 8.5066666667rem;
|
width: 8.50667rem;
|
||||||
height: 4.96rem;
|
height: 4.96rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.binding .pub_in .title {
|
.binding .pub_in .title {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
top: 0.64rem;
|
top: 0.64rem;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.binding .pub_in p {
|
.binding .pub_in p {
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.37333rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 1.7333333333rem;
|
top: 1.73333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.binding .pub_in p b {
|
.binding .pub_in p b {
|
||||||
color: #9168FA;
|
color: #9168FA;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.binding .pub_in .close {
|
.binding .pub_in .close {
|
||||||
width: 3.3066666667rem;
|
width: 3.30667rem;
|
||||||
height: 1.1733333333rem;
|
height: 1.17333rem;
|
||||||
border-radius: 1.1733333333rem;
|
border-radius: 1.17333rem;
|
||||||
line-height: 1.1733333333rem;
|
line-height: 1.17333rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
background: #E6E6F0;
|
background: #E6E6F0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0.7466666667rem;
|
left: 0.74667rem;
|
||||||
bottom: 0.64rem;
|
bottom: 0.64rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.binding .pub_in .ok {
|
.binding .pub_in .ok {
|
||||||
width: 3.3066666667rem;
|
width: 3.30667rem;
|
||||||
height: 1.1733333333rem;
|
height: 1.17333rem;
|
||||||
border-radius: 1.1733333333rem;
|
border-radius: 1.17333rem;
|
||||||
line-height: 1.1733333333rem;
|
line-height: 1.17333rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 0.7466666667rem;
|
right: 0.74667rem;
|
||||||
bottom: 0.64rem;
|
bottom: 0.64rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -508,65 +557,69 @@ body {
|
|||||||
background: rgba(0, 0, 0, 0.6);
|
background: rgba(0, 0, 0, 0.6);
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.switch .pub_in {
|
.switch .pub_in {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 0.5333333333rem;
|
border-radius: 0.53333rem;
|
||||||
width: 8.5066666667rem;
|
width: 8.50667rem;
|
||||||
height: 4.96rem;
|
height: 4.96rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.switch .pub_in .title {
|
.switch .pub_in .title {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
top: 0.64rem;
|
top: 0.64rem;
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.switch .pub_in p {
|
.switch .pub_in p {
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: 0.3733333333rem;
|
font-size: 0.37333rem;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 1.7333333333rem;
|
top: 1.73333rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.switch .pub_in p b {
|
.switch .pub_in p b {
|
||||||
color: #9168FA;
|
color: #9168FA;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.switch .pub_in .close {
|
.switch .pub_in .close {
|
||||||
width: 3.3066666667rem;
|
width: 3.30667rem;
|
||||||
height: 1.1733333333rem;
|
height: 1.17333rem;
|
||||||
border-radius: 1.1733333333rem;
|
border-radius: 1.17333rem;
|
||||||
line-height: 1.1733333333rem;
|
line-height: 1.17333rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 0.4266666667rem;
|
font-size: 0.42667rem;
|
||||||
background: #E6E6F0;
|
background: #E6E6F0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0.7466666667rem;
|
left: 0.74667rem;
|
||||||
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;
|
|
||||||
bottom: 0.64rem;
|
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;
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
@function px2rem($px, $rem:75) {
|
@function px2rem($px) {
|
||||||
@return $px / $rem+rem;
|
@return $px / 75+rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
html,
|
html,
|
||||||
@@ -11,23 +11,23 @@ body {
|
|||||||
.back {
|
.back {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 9;
|
z-index: 9;
|
||||||
width: px2rem(56, );
|
width: px2rem(56);
|
||||||
height: px2rem(56, );
|
height: px2rem(56);
|
||||||
left: px2rem(40, );
|
left: px2rem(40);
|
||||||
top: 0.2rem;
|
top: 0.2rem;
|
||||||
// display: none;
|
// display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.butBig {
|
.butBig {
|
||||||
width: px2rem(606, );
|
width: px2rem(606);
|
||||||
height: px2rem(96, );
|
height: px2rem(96);
|
||||||
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
background: linear-gradient(90deg, #EEDCFF 0%, #DEE4FF 50%, #CCF8F9 100%);
|
||||||
border-radius: px2rem(96, );
|
border-radius: px2rem(96);
|
||||||
line-height: px2rem(96, );
|
line-height: px2rem(96);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
margin: 0 auto px2rem(50, );
|
margin: 0 auto px2rem(50);
|
||||||
}
|
}
|
||||||
|
|
||||||
.butBigActive {
|
.butBigActive {
|
||||||
@@ -36,29 +36,29 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.myInfo {
|
.myInfo {
|
||||||
width: px2rem(690, );
|
width: px2rem(690);
|
||||||
height: px2rem(136, );
|
height: px2rem(136);
|
||||||
margin: px2rem(60, ) auto px2rem(32, );
|
margin: px2rem(60) auto px2rem(32);
|
||||||
|
|
||||||
img {
|
img {
|
||||||
display: block;
|
display: block;
|
||||||
width: px2rem(136, );
|
width: px2rem(136);
|
||||||
height: px2rem(136, );
|
height: px2rem(136);
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
float: left;
|
float: left;
|
||||||
margin-left: px2rem(22, );
|
margin-left: px2rem(22);
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
p {
|
p {
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(36, );
|
font-size: px2rem(36);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: px2rem(12, );
|
margin-bottom: px2rem(12);
|
||||||
margin-top: px2rem(30, );
|
margin-top: px2rem(30);
|
||||||
width: 6.5rem;
|
width: 6.5rem;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
@@ -67,96 +67,96 @@ body {
|
|||||||
|
|
||||||
b {
|
b {
|
||||||
color: #8A8CAB;
|
color: #8A8CAB;
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.income {
|
.income {
|
||||||
width: px2rem(686, );
|
width: px2rem(686);
|
||||||
height: px2rem(216, );
|
height: px2rem(216);
|
||||||
background: url(../images/withdrawal/bg.png) no-repeat;
|
background: url(../images/withdrawal/bg.png) no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
margin: 0 auto px2rem(8, );
|
margin: 0 auto px2rem(8);
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.rule {
|
.rule {
|
||||||
color: #9168FA;
|
color: #9168FA;
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: px2rem(32, );
|
right: px2rem(32);
|
||||||
top: px2rem(18, );
|
top: px2rem(18);
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
width: px2rem(56, );
|
width: px2rem(56);
|
||||||
height: px2rem(56, );
|
height: px2rem(56);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: px2rem(40, );
|
left: px2rem(40);
|
||||||
top: px2rem(80, );
|
top: px2rem(80);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: px2rem(40, );
|
left: px2rem(40);
|
||||||
top: px2rem(32, );
|
top: px2rem(32);
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: px2rem(48, );
|
font-size: px2rem(48);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: px2rem(104, );
|
left: px2rem(104);
|
||||||
top: px2rem(88, );
|
top: px2rem(88);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.account {
|
.account {
|
||||||
width: px2rem(686, );
|
width: px2rem(686);
|
||||||
height: px2rem(120, );
|
height: px2rem(120);
|
||||||
line-height: px2rem(120, );
|
line-height: px2rem(120);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: px2rem(20, );
|
border-radius: px2rem(20);
|
||||||
margin: 0 auto px2rem(32, );
|
margin: 0 auto px2rem(32);
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.icon_account {
|
.icon_account {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: px2rem(40, );
|
left: px2rem(40);
|
||||||
top: px2rem(40, );
|
top: px2rem(40);
|
||||||
width: px2rem(40, );
|
width: px2rem(40);
|
||||||
height: px2rem(40, );
|
height: px2rem(40);
|
||||||
}
|
}
|
||||||
|
|
||||||
.arrow_right {
|
.arrow_right {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: px2rem(40, );
|
right: px2rem(40);
|
||||||
top: px2rem(40, );
|
top: px2rem(40);
|
||||||
width: px2rem(40, );
|
width: px2rem(40);
|
||||||
height: px2rem(40, );
|
height: px2rem(40);
|
||||||
}
|
}
|
||||||
|
|
||||||
div {
|
div {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: px2rem(92, );
|
left: px2rem(92);
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
color: #B3B3C3;
|
color: #B3B3C3;
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: px2rem(80, );
|
right: px2rem(80);
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
@@ -166,26 +166,26 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.withdrawal {
|
.withdrawal {
|
||||||
width: px2rem(686, );
|
width: px2rem(686);
|
||||||
height: px2rem(572, );
|
// height: px2rem(572);
|
||||||
margin: 0 auto px2rem(40, );
|
margin: 0 auto px2rem(40);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: px2rem(20, );
|
border-radius: px2rem(20);
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
.gold {
|
.gold {
|
||||||
width: px2rem(40, );
|
width: px2rem(40);
|
||||||
height: px2rem(40, );
|
height: px2rem(40);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: px2rem(40, );
|
top: px2rem(40);
|
||||||
left: px2rem(40, );
|
left: px2rem(40);
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
margin-top: px2rem(40, );
|
margin-top: px2rem(40);
|
||||||
margin-left: px2rem(92, );
|
margin-left: px2rem(92);
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
@@ -195,23 +195,23 @@ body {
|
|||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0 px2rem(40, );
|
padding: 0 px2rem(40);
|
||||||
width: px2rem(606, );
|
width: px2rem(606);
|
||||||
height: px2rem(96, );
|
height: px2rem(96);
|
||||||
margin: px2rem(32, ) auto px2rem(48, );
|
margin: px2rem(32) auto px2rem(48);
|
||||||
background: #F3F5FA;
|
background: #F3F5FA;
|
||||||
display: block;
|
display: block;
|
||||||
border-radius: px2rem(16, );
|
border-radius: px2rem(16);
|
||||||
|
|
||||||
&::placeholder {
|
&::placeholder {
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28);
|
||||||
color: #B3B3C3;
|
color: #B3B3C3;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.withdrawalBox {
|
.withdrawalBox {
|
||||||
width: px2rem(606, );
|
width: px2rem(606);
|
||||||
height: px2rem(96, );
|
height: px2rem(96);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0.55rem;
|
left: 0.55rem;
|
||||||
top: 1.3rem;
|
top: 1.3rem;
|
||||||
@@ -220,36 +220,37 @@ body {
|
|||||||
.numBox {
|
.numBox {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0 px2rem(40, );
|
padding: 0 px2rem(40);
|
||||||
margin: 0 auto px2rem(56, );
|
margin: 0 auto px2rem(56);
|
||||||
|
|
||||||
span {
|
span {
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
// float: left;
|
// float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
b {
|
b {
|
||||||
color: #B3B3C3;
|
color: #B3B3C3;
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28);
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
color: #9168FA;
|
color: #9168FA;
|
||||||
font-size: px2rem(35, );
|
font-size: px2rem(35);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-bottom: px2rem(12, );
|
margin-bottom: px2rem(12);
|
||||||
color: #8A8CAB;
|
color: #8A8CAB;
|
||||||
font-size: px2rem(24, );
|
font-size: px2rem(24);
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
padding: 0 px2rem(40, );
|
padding: 0 px2rem(40);
|
||||||
|
line-height: 0.55rem;
|
||||||
|
|
||||||
i {
|
i {
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
@@ -272,19 +273,19 @@ body {
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-radius: px2rem(56, ) px2rem(56, ) 0 0;
|
border-radius: px2rem(56) px2rem(56) 0 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
height: px2rem(666, );
|
height: px2rem(666);
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
height: px2rem(136, );
|
height: px2rem(136);
|
||||||
line-height: px2rem(136, );
|
line-height: px2rem(136);
|
||||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
border-bottom: px2rem(1) solid #EBEEF5;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(36, );
|
font-size: px2rem(36);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -297,10 +298,10 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28);
|
||||||
height: px2rem(104, );
|
height: px2rem(104);
|
||||||
line-height: px2rem(104, );
|
line-height: px2rem(104);
|
||||||
border-bottom: px2rem(1, ) solid #EBEEF5;
|
border-bottom: px2rem(1) solid #EBEEF5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.active {
|
.active {
|
||||||
@@ -321,10 +322,10 @@ body {
|
|||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
.goldPub_in {
|
.goldPub_in {
|
||||||
width: px2rem(638, );
|
width: px2rem(638);
|
||||||
height: px2rem(548, );
|
height: px2rem(548);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: px2rem(40, );
|
border-radius: px2rem(40);
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@@ -333,12 +334,12 @@ body {
|
|||||||
.title {
|
.title {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: px2rem(48, );
|
top: px2rem(48);
|
||||||
}
|
}
|
||||||
|
|
||||||
.num {
|
.num {
|
||||||
@@ -347,56 +348,56 @@ body {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
top: px2rem(140, );
|
top: px2rem(140);
|
||||||
left: 0;
|
left: 0;
|
||||||
font-size: px2rem(56, );
|
font-size: px2rem(56);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: px2rem(240, );
|
left: px2rem(240);
|
||||||
top: px2rem(205, );
|
top: px2rem(205);
|
||||||
width: px2rem(40, );
|
width: px2rem(40);
|
||||||
height: px2rem(40, );
|
height: px2rem(40);
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: px2rem(210, );
|
top: px2rem(210);
|
||||||
left: px2rem(288, );
|
left: px2rem(288);
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28);
|
||||||
}
|
}
|
||||||
|
|
||||||
input {
|
input {
|
||||||
width: px2rem(510, );
|
width: px2rem(510);
|
||||||
height: px2rem(96, );
|
height: px2rem(96);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
top: px2rem(272, );
|
top: px2rem(272);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: #F3F5FA;
|
background: #F3F5FA;
|
||||||
outline: none;
|
outline: none;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: px2rem(16, );
|
border-radius: px2rem(16);
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28);
|
||||||
}
|
}
|
||||||
|
|
||||||
.but {
|
.but {
|
||||||
width: px2rem(526, );
|
width: px2rem(526);
|
||||||
height: px2rem(92, );
|
height: px2rem(92);
|
||||||
line-height: px2rem(92, );
|
line-height: px2rem(92);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
top: px2rem(408, );
|
top: px2rem(408);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||||
border-radius: px2rem(92, );
|
border-radius: px2rem(92);
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -412,10 +413,10 @@ body {
|
|||||||
display: none;
|
display: none;
|
||||||
|
|
||||||
.withDrawalPub_in {
|
.withDrawalPub_in {
|
||||||
width: px2rem(638, );
|
width: px2rem(638);
|
||||||
height: px2rem(436, );
|
height: px2rem(436);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: px2rem(40, );
|
border-radius: px2rem(40);
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@@ -425,21 +426,21 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: px2rem(48, );
|
top: px2rem(48);
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: px2rem(140, );
|
top: px2rem(140);
|
||||||
|
|
||||||
b {
|
b {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -450,30 +451,30 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: px2rem(204, );
|
top: px2rem(204);
|
||||||
|
|
||||||
b {
|
b {
|
||||||
color: #9168FA;
|
color: #9168FA;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.but {
|
.but {
|
||||||
width: px2rem(526, );
|
width: px2rem(526);
|
||||||
height: px2rem(92, );
|
height: px2rem(92);
|
||||||
line-height: px2rem(92, );
|
line-height: px2rem(92);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
top: px2rem(296, );
|
top: px2rem(296);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||||
border-radius: px2rem(92, );
|
border-radius: px2rem(92);
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -494,9 +495,9 @@ body {
|
|||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: px2rem(40, );
|
border-radius: px2rem(40);
|
||||||
width: px2rem(638, );
|
width: px2rem(638);
|
||||||
height: px2rem(372, );
|
height: px2rem(372);
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -504,53 +505,53 @@ body {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
top: px2rem(48, );
|
top: px2rem(48);
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: px2rem(130, );
|
top: px2rem(130);
|
||||||
|
|
||||||
b {
|
b {
|
||||||
color: #9168FA;
|
color: #9168FA;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.close {
|
.close {
|
||||||
width: px2rem(248, );
|
width: px2rem(248);
|
||||||
height: px2rem(88, );
|
height: px2rem(88);
|
||||||
border-radius: px2rem(88, );
|
border-radius: px2rem(88);
|
||||||
line-height: px2rem(88, );
|
line-height: px2rem(88);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
background: #E6E6F0;
|
background: #E6E6F0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: px2rem(56, );
|
left: px2rem(56);
|
||||||
bottom: px2rem(48, );
|
bottom: px2rem(48);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ok {
|
.ok {
|
||||||
width: px2rem(248, );
|
width: px2rem(248);
|
||||||
height: px2rem(88, );
|
height: px2rem(88);
|
||||||
border-radius: px2rem(88, );
|
border-radius: px2rem(88);
|
||||||
line-height: px2rem(88, );
|
line-height: px2rem(88);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: px2rem(56, );
|
right: px2rem(56);
|
||||||
bottom: px2rem(48, );
|
bottom: px2rem(48);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -571,9 +572,9 @@ body {
|
|||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: px2rem(40, );
|
border-radius: px2rem(40);
|
||||||
width: px2rem(638, );
|
width: px2rem(638);
|
||||||
height: px2rem(372, );
|
height: px2rem(372);
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -581,53 +582,53 @@ body {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
top: px2rem(48, );
|
top: px2rem(48);
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
color: #1F1B4F;
|
color: #1F1B4F;
|
||||||
font-size: px2rem(28, );
|
font-size: px2rem(28);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
left: 0;
|
left: 0;
|
||||||
top: px2rem(130, );
|
top: px2rem(130);
|
||||||
|
|
||||||
b {
|
b {
|
||||||
color: #9168FA;
|
color: #9168FA;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.close {
|
.close {
|
||||||
width: px2rem(248, );
|
width: px2rem(248);
|
||||||
height: px2rem(88, );
|
height: px2rem(88);
|
||||||
border-radius: px2rem(88, );
|
border-radius: px2rem(88);
|
||||||
line-height: px2rem(88, );
|
line-height: px2rem(88);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
background: #E6E6F0;
|
background: #E6E6F0;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: px2rem(56, );
|
left: px2rem(56);
|
||||||
bottom: px2rem(48, );
|
bottom: px2rem(48);
|
||||||
}
|
}
|
||||||
|
|
||||||
.ok {
|
.ok {
|
||||||
width: px2rem(248, );
|
width: px2rem(248);
|
||||||
height: px2rem(88, );
|
height: px2rem(88);
|
||||||
border-radius: px2rem(88, );
|
border-radius: px2rem(88);
|
||||||
line-height: px2rem(88, );
|
line-height: px2rem(88);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: px2rem(32, );
|
font-size: px2rem(32);
|
||||||
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: px2rem(56, );
|
right: px2rem(56);
|
||||||
bottom: px2rem(48, );
|
bottom: px2rem(48);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -55,10 +55,11 @@ function getConfig () {
|
|||||||
weekLimitCount = res.data.weekLimitCount;
|
weekLimitCount = res.data.weekLimitCount;
|
||||||
weekMaxValue = res.data.weekMaxValue;
|
weekMaxValue = res.data.weekMaxValue;
|
||||||
var str = `
|
var str = `
|
||||||
<p>收益金幣達到${res.data.minValue}或以上可以申請提領</p>
|
<p>1、收益金幣達到${res.data.minValue}或以上可以申請提領</p>
|
||||||
<p>提領金幣必須為100的整倍數</p>
|
<p>2、提領金幣必須為1000的整倍數</p>
|
||||||
<p>每周可提領次數：<i>${res.data.weekLimitCount}</i></p>
|
<p>3、每周可提領次數：<i>${res.data.weekLimitCount}</i>次, 提領手續費：<i>${res.data.chargeRate}%</i></p>
|
||||||
<p>提領手續費：<i>${res.data.chargeRate}%</i></p>
|
<p>4、台幣提領，請聯繫客服微信：sd245376</p>
|
||||||
|
<p>5、如您使用Payoneer帳戶提領，因Payoneer要求付款最少50美元，需要滿足55000金幣後發起，不滿足的提領將會被駁回</p>
|
||||||
`
|
`
|
||||||
$('.withdrawal').append(str);
|
$('.withdrawal').append(str);
|
||||||
getAccounts();
|
getAccounts();
|
||||||
@@ -242,8 +243,8 @@ $('.goldPub .goldPub_in .but').click(function () {
|
|||||||
toastMsg(`最少申請金幣为${minValue}`);
|
toastMsg(`最少申請金幣为${minValue}`);
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (num % 100 != 0) {
|
if (num % 1000 != 0) {
|
||||||
toastMsg(`提領金幣必須為100的整倍數`);
|
toastMsg(`提領金幣必須為1000的整倍數`);
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
calculate();
|
calculate();
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<title>提領規則</title>
|
<title>提領規則</title>
|
||||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
<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>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -18,18 +18,13 @@
|
|||||||
<!-- 内容 -->
|
<!-- 内容 -->
|
||||||
<div class="box">
|
<div class="box">
|
||||||
<h3>提領規則</h3>
|
<h3>提領規則</h3>
|
||||||
<p>1.什是金幣</p>
|
<p>1.金幣是在房間收到的禮物打賞可以收穫金幣。</p>
|
||||||
<p>金幣是在房間收到的禮物打賞可以收穫金幣。</p>
|
<p>2.1000金幣等於1美元，根據提領地區匯率換算，匯率每週更新</p>
|
||||||
<p>2.如何獲得金幣</p>
|
<p>3.每周可申請提領<b class="b2"></b>次，隔天發放，到帳時間以當地銀行處理為準</p>
|
||||||
<p>可以通過接受別人打賞的禮物，獲得金幣。</p>
|
<p>4.金幣數量大於或等於<b class="b1"></b>金幣才能申請提取；</p>
|
||||||
<p>3.收益提領规则</p>
|
<p>5.如您的提領信息有誤無法發放，金幣原路退回帳號，請聯繫客服微信：sd245376</p>
|
||||||
<p>3.1. 1000金幣等於1美元，根據提領地區匯率換算，匯率每週更新</p>
|
<p>6.金幣可兌換為鑽石，兌換比例：1000金幣=1000鑽石。</p>
|
||||||
<p>3.2. 每周可申請提領<b class="b2"></b>次，次日發放；</p>
|
<p>7.台幣提領，請聯繫客服微信：sd245376，如您使用Payoneer帳戶提領，Payoneer要求50美元起付，需要滿足55000金幣後發起，不滿足的提領將會被駁回。</p>
|
||||||
<p>3.3. 金幣數量需大於或等於<b class="b1"></b>金幣才能申請提取；</p>
|
|
||||||
<p>3.4. 如您的提領信息有誤無法發放，金幣原路退回帳號，請聯繫客服；</p>
|
|
||||||
<p>4.金幣兌換鑽石规则</p>
|
|
||||||
<p>金幣可兌換為鑽石，兌換比例：1000金幣=1000鑽石。</p>
|
|
||||||
<p>5.不提取不兌換，金幣則不會被清空。</p>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|||||||
@@ -9,7 +9,7 @@
|
|||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<title>收益提領</title>
|
<title>收益提領</title>
|
||||||
<link rel="stylesheet" href="../../common/css/reset.css">
|
<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>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
@@ -110,4 +110,4 @@
|
|||||||
<script src="../../common/js/vconsole.min.js"></script>
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
<script src="../../common/js/route-constant.js"></script>
|
<script src="../../common/js/route-constant.js"></script>
|
||||||
<script src="../../common/js/svga.min.js"></script>
|
<script src="../../common/js/svga.min.js"></script>
|
||||||
<script src="./js/withdrawal.js"></script>
|
<script src="./js/withdrawal.js?v=1.5"></script>
|
||||||
@@ -1 +1 @@
|
|||||||
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>piko</title><link href=./static/css/app.b1a360bed56d1a74512e907fff171218.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.8fb7b94bab71b553af99.js></script><script type=text/javascript src=./static/js/vendor.549947ec2550614f506c.js></script><script type=text/javascript src=./static/js/app.f56d535f53d3c277e0fd.js></script></body></html>
|
<!DOCTYPE html><html><head><meta charset=UTF-8><meta name=viewport content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1"><title>piko</title><link href=./static/css/app.261da3ba434d098af68b457f8b1e8d05.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./static/js/manifest.02dce90a247a2f43a89a.js></script><script type=text/javascript src=./static/js/vendor.549947ec2550614f506c.js></script><script type=text/javascript src=./static/js/app.f56d535f53d3c277e0fd.js></script></body></html>
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
|||||||
|
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,f){for(var a,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(a in c)Object.prototype.hasOwnProperty.call(c,a)&&(e[a]=c[a]);for(n&&n(r,c,f);s.length;)s.shift()();if(f)for(d=0;d<f.length;d++)u=o(o.s=f[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],f=document.createElement("script");f.type="text/javascript",f.charset="utf-8",f.async=!0,f.timeout=12e4,o.nc&&f.setAttribute("nonce",o.nc),f.src=o.p+"static/js/"+e+"."+{0:"ec4de892f04f94b4c2f6",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"fe32c1237c8826c80886",4:"95d3c8221db60b228eb2",5:"fa39df31d16ba188ca75",6:"0e7ac399b5d59483b7f2",7:"c60dff0fd854d6fc291f",8:"43a07f21010bbe7fcd6c",9:"d02156509389fc441584",10:"68b3b250aa24f55d8a82",11:"5d316356ba01de644f13",12:"34fff916cd789ce22038"}[e]+".js";var a=setTimeout(i,12e4);function i(){f.onerror=f.onload=null,clearTimeout(a);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return f.onerror=f.onload=i,c.appendChild(f),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
||||||
|
//# sourceMappingURL=manifest.02dce90a247a2f43a89a.js.map
|
||||||
@@ -1,2 +0,0 @@
|
|||||||
!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,c,a){for(var f,i,u,d=0,s=[];d<r.length;d++)i=r[d],t[i]&&s.push(t[i][0]),t[i]=0;for(f in c)Object.prototype.hasOwnProperty.call(c,f)&&(e[f]=c[f]);for(n&&n(r,c,a);s.length;)s.shift()();if(a)for(d=0;d<a.length;d++)u=o(o.s=a[d]);return u};var r={},t={15:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var c=document.getElementsByTagName("head")[0],a=document.createElement("script");a.type="text/javascript",a.charset="utf-8",a.async=!0,a.timeout=12e4,o.nc&&a.setAttribute("nonce",o.nc),a.src=o.p+"static/js/"+e+"."+{0:"ec4de892f04f94b4c2f6",1:"c2ef46c6dcac24931ba4",2:"17debe0f6011a97521e8",3:"fe32c1237c8826c80886",4:"95d3c8221db60b228eb2",5:"ec7ee6a6de347cab8213",6:"0e7ac399b5d59483b7f2",7:"c60dff0fd854d6fc291f",8:"43a07f21010bbe7fcd6c",9:"d02156509389fc441584",10:"68b3b250aa24f55d8a82",11:"5d316356ba01de644f13",12:"34fff916cd789ce22038"}[e]+".js";var f=setTimeout(i,12e4);function i(){a.onerror=a.onload=null,clearTimeout(f);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return a.onerror=a.onload=i,c.appendChild(a),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./",o.oe=function(e){throw console.error(e),e}}([]);
|
|
||||||
//# sourceMappingURL=manifest.8fb7b94bab71b553af99.js.map
|
|
||||||
53
view/peko/modules/pay/css/result.css
Normal file
53
view/peko/modules/pay/css/result.css
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
@import url("../../../common/css/flex.scss");
|
||||||
|
body,
|
||||||
|
html {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
body .result,
|
||||||
|
html .result {
|
||||||
|
width: 100%;
|
||||||
|
height: 5rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 40%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
color: #333;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 0.50667rem;
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body .result img,
|
||||||
|
html .result img {
|
||||||
|
position: absolute;
|
||||||
|
width: 2rem;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
body .result p,
|
||||||
|
html .result p {
|
||||||
|
margin-top: 2.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body .result .but,
|
||||||
|
html .result .but {
|
||||||
|
width: 4rem;
|
||||||
|
height: 1.1rem;
|
||||||
|
line-height: 1.1rem;
|
||||||
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||||
|
margin: 0.5rem auto 0;
|
||||||
|
border-radius: 1.1rem;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
body .success,
|
||||||
|
html .success {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
53
view/peko/modules/pay/css/result.scss
Normal file
53
view/peko/modules/pay/css/result.scss
Normal file
@@ -0,0 +1,53 @@
|
|||||||
|
@import url('../../../common/css/flex.scss');
|
||||||
|
|
||||||
|
@function px2rem($px) {
|
||||||
|
@return $px / 75+rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
body,
|
||||||
|
html {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
background: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
.result {
|
||||||
|
width: 100%;
|
||||||
|
height: 5rem;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 40%;
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
color: #333;
|
||||||
|
text-align: center;
|
||||||
|
font-size: px2rem(38);
|
||||||
|
display: none;
|
||||||
|
// background: pink;
|
||||||
|
|
||||||
|
img {
|
||||||
|
position: absolute;
|
||||||
|
width: 2rem;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin-top: 2.3rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.but {
|
||||||
|
width: 4rem;
|
||||||
|
height: 1.1rem;
|
||||||
|
line-height: 1.1rem;
|
||||||
|
background: linear-gradient(90deg, #5AECFA 0%, #9DB4FF 49%, #CF70FF 100%);
|
||||||
|
margin: 0.5rem auto 0;
|
||||||
|
border-radius: 1.1rem;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.success{
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
BIN
view/peko/modules/pay/images/err.png
Normal file
BIN
view/peko/modules/pay/images/err.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
BIN
view/peko/modules/pay/images/success.png
Normal file
BIN
view/peko/modules/pay/images/success.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
@@ -31,6 +31,7 @@ let paymentType;//付款类型
|
|||||||
let successUrl = window.location.href;//支付成功回调路径
|
let successUrl = window.location.href;//支付成功回调路径
|
||||||
var deviceId;//型号ID
|
var deviceId;//型号ID
|
||||||
var channelType;//参数值4：鉆石充值 || 参数值5：贵族vip充值 || 6：首充充值
|
var channelType;//参数值4：鉆石充值 || 参数值5：贵族vip充值 || 6：首充充值
|
||||||
|
var failureUrl = urlPrefix + '/peko/modules/pay/result.html?channelType=4';
|
||||||
var chargeGroupsArr = [];
|
var chargeGroupsArr = [];
|
||||||
let uid;
|
let uid;
|
||||||
let openId;
|
let openId;
|
||||||
@@ -220,7 +221,7 @@ function apply2New () {
|
|||||||
networkRequest({
|
networkRequest({
|
||||||
type: 'POST',
|
type: 'POST',
|
||||||
url: urlPrefix + '/charge/apply2New',
|
url: urlPrefix + '/charge/apply2New',
|
||||||
data: { erbanNo, chargeProdId, countryCode, openId, payChannel, paymentType, successUrl, deviceId: deviceId },
|
data: { erbanNo, chargeProdId, countryCode, openId, payChannel, paymentType, successUrl, deviceId: deviceId, failureUrl },
|
||||||
success: function (res) {
|
success: function (res) {
|
||||||
if (res.code == 200) {
|
if (res.code == 200) {
|
||||||
window.location.href = res.data.payInfo.mweb_url;
|
window.location.href = res.data.payInfo.mweb_url;
|
||||||
|
|||||||
63
view/peko/modules/pay/js/result.js
Normal file
63
view/peko/modules/pay/js/result.js
Normal file
@@ -0,0 +1,63 @@
|
|||||||
|
var browser = checkVersion();
|
||||||
|
const urlPrefix = getUrlPrefix();
|
||||||
|
var getUrl = getQueryString();
|
||||||
|
// 封裝layer消息提醒框
|
||||||
|
let layerIndex
|
||||||
|
const showLoading = (content = '加載中...') => {
|
||||||
|
layer.open({
|
||||||
|
type: 2,
|
||||||
|
shadeClose: false,
|
||||||
|
content,
|
||||||
|
success (e) {
|
||||||
|
layerIndex = $(e).attr('index')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const hideLoading = (index) => {
|
||||||
|
layer.close(index)
|
||||||
|
}
|
||||||
|
const toastMsg = (content = '操作完成', time = 2) => {
|
||||||
|
layer.open({
|
||||||
|
content,
|
||||||
|
time,
|
||||||
|
skin: 'msg'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
var chargeRecordId = null;//订单号
|
||||||
|
$(function () {
|
||||||
|
if (EnvCheck() == 'test') {//degBug
|
||||||
|
new VConsole();
|
||||||
|
}
|
||||||
|
getInfoFromClient();//请求依赖
|
||||||
|
chargeRecordId = getUrl.chargeRecordId;
|
||||||
|
setTimeout(function () {
|
||||||
|
getChargeResult();
|
||||||
|
}, 100)
|
||||||
|
})
|
||||||
|
// 获取充值结果
|
||||||
|
function getChargeResult () {
|
||||||
|
showLoading();
|
||||||
|
networkRequest({
|
||||||
|
type: 'GET',
|
||||||
|
url: urlPrefix + '/chargeRecord/getChargeResult',
|
||||||
|
data: { chargeRecordId },
|
||||||
|
success: function (res) {
|
||||||
|
if (res.code == 200) {
|
||||||
|
$('.success').show();
|
||||||
|
} else {
|
||||||
|
$('.result span').text(`原因：${res.message}`);
|
||||||
|
$('.err').show();
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
// toastMsg(res.message);
|
||||||
|
}
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
},
|
||||||
|
error (err) {
|
||||||
|
hideLoading(layerIndex);
|
||||||
|
toastMsg('網絡錯誤');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
$('.result .but').click(function(){
|
||||||
|
window.location.href = urlPrefix + '/peko/modules/pay/index.html?channelType=4';
|
||||||
|
})
|
||||||
33
view/peko/modules/pay/result.html
Normal file
33
view/peko/modules/pay/result.html
Normal file
@@ -0,0 +1,33 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>储值结果</title>
|
||||||
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
||||||
|
<link rel="stylesheet" href="./css/result.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="result err">
|
||||||
|
<img src="./images/err.png" alt="">
|
||||||
|
<p>储值失败</p>
|
||||||
|
<span>原因：xxxxx</span>
|
||||||
|
<div class="but">返回储值页面</div>
|
||||||
|
</div>
|
||||||
|
<div class="result success">
|
||||||
|
<img src="./images/success.png" alt="">
|
||||||
|
<p>储值成功</p>
|
||||||
|
<div class="but">确认</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
<script src="../../common/js/flexible.js"></script>
|
||||||
|
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
||||||
|
<script src="../../common/js/common2.js"></script>
|
||||||
|
<script src="../../common/js/layer.js"></script>
|
||||||
|
<script src="../../common/js/vconsole.min.js"></script>
|
||||||
|
<script src="./js/result.js"></script>
|
||||||
@@ -81,6 +81,7 @@
|
|||||||
<p v-else-if="tab === 12 && item1.objType === 95">新年煙花抽獎</p>
|
<p v-else-if="tab === 12 && item1.objType === 95">新年煙花抽獎</p>
|
||||||
<p v-else-if="tab === 12 && item1.objType === 98">奪寶精靈禮包購買支出</p>
|
<p v-else-if="tab === 12 && item1.objType === 98">奪寶精靈禮包購買支出</p>
|
||||||
<p v-else-if="tab === 12 && item1.objType === 99">尋愛之旅抽獎</p>
|
<p v-else-if="tab === 12 && item1.objType === 99">尋愛之旅抽獎</p>
|
||||||
|
<p v-else-if="tab === 12 && item1.objType === 30">尋愛之旅抽獎</p>
|
||||||
<p v-else-if="tab === 12 && item1.objType === 101">鉆石開通貴族</p>
|
<p v-else-if="tab === 12 && item1.objType === 101">鉆石開通貴族</p>
|
||||||
<p v-else-if="tab === 12 && item1.objType === 90">转赠鉆石给 {{item1.targetNick}} {{item1.sendDiamondAmount}}鉆</p>
|
<p v-else-if="tab === 12 && item1.objType === 90">转赠鉆石给 {{item1.targetNick}} {{item1.sendDiamondAmount}}鉆</p>
|
||||||
<!-- <p v-if="tab === 12">{{ item1.srcNick }}</p> -->
|
<!-- <p v-if="tab === 12">{{ item1.srcNick }}</p> -->
|
||||||
|
|||||||
Reference in New Issue
Block a user