Skip to content

libai / web.yazhai.co

Go to a project
Commit e71dd641 by libai
Options

测试

parent 9bae544c
Inline Side-by-side
Showing with 309 additions and 135 deletions
guodongRecharge/css/index.css
...@@ -25,42 +25,76 @@ ...@@ -25,42 +25,76 @@
margin: 0 auto; margin: 0 auto;
} }
.content { .content {
width: 9.3rem; width: 9.4rem;
margin: 0 auto; margin: 0 auto;
margin-top: 0.9rem; margin-top: 0.9rem;
} }
.content li { .content li {
position: relative; position: relative;
height: 2.1rem; height: 2rem !important;
width: 4.2rem; width: 3rem;
border-radius: 0.1rem; border-radius: 0.25rem;
border: 1px solid #EBDFC1; border: 1px solid #FFFFFF;
background: #F1F2F2;
box-sizing: border-box; box-sizing: border-box;
float: left; float: left;
margin-left: 0.2rem;
margin-right: 0.2rem; margin-right: 0.2rem;
margin-bottom: 0.4rem; margin-bottom: 0.4rem;
} }
.content li:nth-child(3n+3) {
margin-right: 0rem;
}
.content .li-click { .content .li-click {
background: url("../images/select.png") no-repeat; background: url("../images/select.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
border: 1px solid #fff; border: 1px solid #fff;
} }
.content .hot-box {
width: 1.37rem;
height: 0.56rem;
line-height: 0.56rem;
background: url(../images/hot.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: -0.06rem;
top: -0.08rem;
color: #FFFF22;
font-size: 0.3rem;
font-weight: 700;
}
.content .hot-box span {
position: absolute;
left: -0.02rem;
top: -0.04rem;
width: 1.5rem;
transform: scale(0.8);
display: inline-block;
height: 0.6rem;
line-height: 0.6rem;
}
.content .hot-box img {
width: 0.42rem;
vertical-align: middle;
margin-top: -0.08rem;
}
.diamond-p { .diamond-p {
text-align: center; text-align: center;
font-size: 0.35rem; font-size: 0.33rem;
font-weight: 700;
margin-top: 0.55rem; margin-top: 0.55rem;
text-indent: -0.1rem;
} }
.diamond-p img { .diamond-p img {
vertical-align: middle; vertical-align: middle;
margin-top: -0.1rem; margin-top: -0.12rem;
width: 0.4rem; width: 0.4rem;
} }
.money-p { .money-p {
text-align: center; text-align: center;
font-size: 0.45rem; font-size: 0.3rem;
font-weight: 500; font-weight: 500;
margin-top: 0.1rem; margin-top: 0.1rem;
color: #707070;
} }
.hot { .hot {
position: absolute; position: absolute;
...@@ -81,25 +115,35 @@ ...@@ -81,25 +115,35 @@
margin-top: 0.25rem; margin-top: 0.25rem;
} }
.pay-ul li { .pay-ul li {
width: 2.68rem; position: relative;
height: 1rem; width: 2.25rem;
height: 0.8rem;
float: left; float: left;
border-radius: 0.1rem; border-radius: 0.1rem;
margin-right: 0.3rem; margin-right: 0.3rem;
border: 1px solid #EBDFC1; border: 1px solid #ABADAD;
text-align: center; text-align: center;
line-height: 1rem; line-height: 0.8rem;
font-size: 0.4rem; font-size: 0.3rem;
} }
.pay-ul li img { .pay-ul li img {
width: 0.5rem; width: 0.45rem;
vertical-align: middle; vertical-align: middle;
margin-top: -0.07rem; margin-top: -0.1rem;
} }
.pay-ul .pay-click { .pay-ul .pay-click {
background: url("../images/pay-click.png") no-repeat; color: #11C1BF;
background-size: 100% 100%; border: 1px solid #27E6E4;
border: 1px solid #fff; }
.pay-ul .pay-click .pay-icon {
display: block;
}
.pay-ul .pay-icon {
width: 0.55rem;
position: absolute;
right: 0;
bottom: 0;
display: none;
} }
.taobao-Pay { .taobao-Pay {
width: 8.75rem; width: 8.75rem;
...@@ -120,11 +164,10 @@ ...@@ -120,11 +164,10 @@
height: 1.25rem; height: 1.25rem;
width: 7.55rem; width: 7.55rem;
margin-left: 1.23rem; margin-left: 1.23rem;
color: #713900; color: #005f5e;
font-size: 0.4rem; font-size: 0.4rem;
margin-top: 0.4rem; margin-top: 0.7rem;
background: linear-gradient(to right, #FFF600, #FED73B); background: linear-gradient(to right, #00d9d9, #10eaea);
box-shadow: 0rem 0.1rem 0.1rem #FFDFCD;
border-radius: 1rem; border-radius: 1rem;
} }
.b-tips { .b-tips {
......
guodongRecharge/css/index.less
...@@ -25,43 +25,78 @@ ...@@ -25,43 +25,78 @@
margin: 0 auto; margin: 0 auto;
} }
.content{ .content{
width: 9.3rem; width: 9.4rem;
margin: 0 auto; margin: 0 auto;
margin-top: 0.9rem; margin-top: 0.9rem;
li{ li{
position: relative; position: relative;
height: 2.1rem; height: 2rem !important;
width: 4.2rem; width: 3rem;
border-radius: 0.1rem; border-radius: 0.25rem;
border: 1px solid #EBDFC1; border: 1px solid #FFFFFF;
background: #F1F2F2;
box-sizing: border-box; box-sizing: border-box;
float: left; float: left;
margin-left: 0.2rem; // margin-left: 0.15rem;
margin-right: 0.2rem; margin-right: 0.2rem;
margin-bottom: 0.4rem; margin-bottom: 0.4rem;
} }
li:nth-child(3n+3){
margin-right: 0rem;
}
.li-click{ .li-click{
background: url("../images/select.png")no-repeat; background: url("../images/select.png")no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
border: 1px solid #fff; border: 1px solid #fff;
} }
.hot-box{
width: 1.37rem;
height: 0.56rem;
line-height: 0.56rem;
background: url(../images/hot.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: -0.06rem;
top: -0.08rem;
color: #FFFF22;
span{
position: absolute;
left: -0.02rem;
top: -0.04rem;
width: 1.5rem;
transform: scale(0.8);
display: inline-block;
height: 0.6rem;
line-height: 0.6rem;
}
font-size: 0.3rem;
font-weight: 700;
img{
width: 0.42rem;
vertical-align: middle;
margin-top: -0.08rem;
}
}
} }
.diamond-p{ .diamond-p{
text-align: center; text-align: center;
font-size: 0.35rem; font-size: 0.33rem;
font-weight: 700;
margin-top: 0.55rem; margin-top: 0.55rem;
text-indent: -0.1rem;
img{ img{
vertical-align: middle; vertical-align: middle;
margin-top: -0.1rem; margin-top: -0.12rem;
width: 0.4rem; width: 0.4rem;
} }
} }
.money-p{ .money-p{
text-align: center; text-align: center;
font-size: 0.45rem; font-size: 0.3rem;
font-weight: 500; font-weight: 500;
margin-top: 0.1rem; margin-top: 0.1rem;
color: #707070;
} }
.hot{ .hot{
position: absolute; position: absolute;
...@@ -81,27 +116,36 @@ ...@@ -81,27 +116,36 @@
.pay-ul{ .pay-ul{
margin-top: 0.25rem; margin-top: 0.25rem;
li{ li{
width: 2.68rem; position: relative;
height: 1rem; width: 2.25rem;
height: 0.8rem;
float: left; float: left;
border-radius: 0.1rem; border-radius: 0.1rem;
margin-right: 0.3rem; margin-right: 0.3rem;
border: 1px solid #EBDFC1; border: 1px solid #ABADAD;
text-align: center; text-align: center;
line-height: 1rem; line-height: 0.8rem;
font-size: 0.4rem; font-size: 0.3rem;
img{ img{
width: 0.5rem; width: 0.45rem;
vertical-align: middle; vertical-align: middle;
margin-top: -0.07rem; margin-top: -0.1rem;
} }
} }
.pay-click{ .pay-click{
background: url("../images/pay-click.png")no-repeat; color: #11C1BF;
background-size: 100% 100%; border: 1px solid #27E6E4;
border: 1px solid #fff; .pay-icon{
display: block;
}
}
.pay-icon{
width: 0.55rem;
position: absolute;
right: 0;
bottom: 0;
display: none;
} }
} }
.taobao-Pay{ .taobao-Pay{
width: 8.75rem; width: 8.75rem;
...@@ -122,11 +166,12 @@ ...@@ -122,11 +166,12 @@
height: 1.25rem; height: 1.25rem;
width: 7.55rem; width: 7.55rem;
margin-left: 1.23rem; margin-left: 1.23rem;
color: #713900;
color: #005f5e;
font-size: 0.4rem; font-size: 0.4rem;
margin-top: 0.4rem; margin-top: 0.7rem;
background: linear-gradient(to right, #FFF600, #FED73B); background: linear-gradient(to right, #00d9d9, #10eaea);
box-shadow: 0rem 0.1rem 0.1rem #FFDFCD; // box-shadow: 0rem 0.1rem 0.1rem #FFDFCD;
border-radius: 1rem; border-radius: 1rem;
} }
.b-tips{ .b-tips{
......
guodongRecharge/css/index2.css
.bg { .bg {
width: 10rem; width: 10rem;
height: 10rem; height: 10rem;
background: url(../images/bg.png) no-repeat; background: #2E2C2F;
background-size: 100% 100%; border-radius: 0.2rem 0.2rem 0 0;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
.title-p { .title-p {
height: 1rem; height: 1.3rem;
line-height: 1rem; line-height: 1.3rem;
color: #fff; color: #fff;
font-size: 0.4rem; font-size: 0.4rem;
text-align: center; text-align: center;
position: relative; position: relative;
} }
.title-p span { .title-p span {
color: #FFFF00; color: #1BF5F9;
font-size: 0.3rem; font-size: 0.3rem;
right: 0.6rem; right: 0.6rem;
position: absolute; position: absolute;
bottom: -0.05rem; bottom: -0.05rem;
} }
.reg-ul { .reg-ul {
width: 10rem; width: 9.9rem;
margin: 0 auto; margin-left: 0.1rem;
margin-top: 0.1rem; margin-top: 0.1rem;
} }
.reg-ul li { .reg-ul li {
margin-left: 0.3rem; margin-left: 0.2rem;
position: relative; position: relative;
height: 1.55rem; height: 2rem;
width: 4.4rem; width: 3rem;
background: url(../images/select-no.png) no-repeat;
background-size: 100% 100%;
display: inline-block; display: inline-block;
border-radius: 0.3rem;
border: 0.02rem solid #958B88;
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }
.reg-ul li .hot { .reg-ul li .hot {
...@@ -46,10 +46,11 @@ ...@@ -46,10 +46,11 @@
.reg-ul li p:nth-child(1) { .reg-ul li p:nth-child(1) {
color: #fff; color: #fff;
line-height: 0.6rem; line-height: 0.6rem;
font-size: 0.3rem; font-size: 0.4rem;
text-indent: -0.15rem;
text-align: center; text-align: center;
height: 0.6rem; height: 0.6rem;
padding-top: 0.2rem; padding-top: 0.5rem;
font-weight: 700; font-weight: 700;
} }
.reg-ul li p:nth-child(1) img { .reg-ul li p:nth-child(1) img {
...@@ -59,24 +60,18 @@ ...@@ -59,24 +60,18 @@
margin-right: 0.05rem; margin-right: 0.05rem;
} }
.reg-ul li p:nth-child(2) { .reg-ul li p:nth-child(2) {
color: #FFFFFF; color: #B3B0B2;
font-size: 0.4rem; font-size: 0.3rem;
font-weight: 700; line-height: 0.4rem;
line-height: 0.5rem;
text-align: center; text-align: center;
} }
.reg-ul .reg-click { .reg-ul .reg-click {
background: url(../images/num-click.png) no-repeat; background: url(../images/select.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
border: none;
padding: 1px;
} }
.reg-ul .reg-click .hot { .reg-ul .reg-click .hot {
top: -0.13rem; top: -0.13rem;
} }
.reg-ul .reg-click p {
color: #58410B !important;
}
.reg-ul li:nth-child(even) .hot { .reg-ul li:nth-child(even) .hot {
left: 3.65rem; left: 3.65rem;
} }
...@@ -91,6 +86,7 @@ ...@@ -91,6 +86,7 @@
margin-left: 0.6rem; margin-left: 0.6rem;
} }
.pay-ul li { .pay-ul li {
position: relative;
border-radius: 0.1rem; border-radius: 0.1rem;
height: 0.82rem; height: 0.82rem;
line-height: 0.82rem; line-height: 0.82rem;
...@@ -110,22 +106,30 @@ ...@@ -110,22 +106,30 @@
.pay-ul li span { .pay-ul li span {
color: #fff; color: #fff;
} }
.pay-ul .pay-icon {
width: 0.55rem;
position: absolute;
right: 0;
bottom: -0.04rem;
margin-right: -0.02rem;
display: none;
}
.pay-click { .pay-click {
background: url(../images/pay-click.png) no-repeat; border: 1px solid #08EDE4 !important;
background-size: 100% 100%; border-radius: 0.1rem !important;
border: none !important; }
padding: 0.02rem; .pay-click .pay-icon {
border-radius: 0 !important; display: block;
} }
.bottom-box { .bottom-box {
width: 9.15rem; width: 9.15rem;
height: 1.15rem; height: 2rem;
border-top: 1px solid #675362; border-top: 1px solid #675362;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0.425rem; left: 0.425rem;
color: #FFFFFF; color: #FFFFFF;
line-height: 1.15rem; line-height: 1.55rem;
font-size: 0.3rem; font-size: 0.3rem;
} }
.bottom-box img { .bottom-box img {
...@@ -139,11 +143,39 @@ ...@@ -139,11 +143,39 @@
width: 2.1rem; width: 2.1rem;
height: 0.8rem; height: 0.8rem;
position: absolute; position: absolute;
background: linear-gradient(to right, #FFF502, #FFDB39); background: linear-gradient(to right, #08E1DF, #22FCFC);
top: 0.15rem; top: 0.35rem;
right: 0; right: 0;
border-radius: 1rem; border-radius: 1rem;
line-height: 0.8rem; line-height: 0.8rem;
text-align: center; text-align: center;
color: #000023; color: #015A59;
}
.hot-box {
width: 1.37rem;
height: 0.56rem;
line-height: 0.56rem;
background: url(../images/hot.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: -0.06rem;
top: -0.08rem;
color: #FFFF22;
font-size: 0.3rem;
font-weight: 700;
}
.hot-box span {
position: absolute;
left: -0.02rem;
top: -0.04rem;
width: 1.5rem;
transform: scale(0.8);
display: inline-block;
height: 0.6rem;
line-height: 0.6rem;
}
.hot-box img {
width: 0.42rem;
vertical-align: middle;
margin-top: -0.08rem;
} }
guodongRecharge/css/index2.less
.bg{ .bg{
width: 10rem; width: 10rem;
height: 10rem; height: 10rem;
background:url(../images/bg.png)no-repeat; background: #2E2C2F;
background-size: 100% 100%; border-radius: 0.2rem 0.2rem 0 0;
position: fixed; position: fixed;
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
.title-p{ .title-p{
height: 1rem; height: 1.3rem;
line-height: 1rem; line-height: 1.3rem;
color: #fff; color: #fff;
font-size: 0.4rem; font-size: 0.4rem;
text-align: center; text-align: center;
position: relative; position: relative;
span{ span{
color: #FFFF00; color: #1BF5F9;
font-size: 0.3rem; font-size: 0.3rem;
right: 0.6rem; right: 0.6rem;
position: absolute; position: absolute;
...@@ -23,12 +23,12 @@ ...@@ -23,12 +23,12 @@
} }
} }
.reg-ul{ .reg-ul{
width: 10rem; width: 9.9rem;
margin: 0 auto; // margin: 0 auto;
margin-left: 0.1rem;
margin-top: 0.1rem; margin-top: 0.1rem;
li{ li{
margin-left: 0.3rem; margin-left: 0.2rem;
.hot{ .hot{
width: 0.92rem; width: 0.92rem;
position: absolute; position: absolute;
...@@ -36,20 +36,22 @@ ...@@ -36,20 +36,22 @@
top: -0.15rem; top: -0.15rem;
} }
position: relative; position: relative;
height: 1.55rem; height: 2rem;
width: 4.4rem; width: 3rem;
background:url(../images/select-no.png)no-repeat;
background-size: 100% 100%;
display: inline-block; display: inline-block;
border-radius: 0.3rem; // border-radius: 0.3rem;
border: 0.02rem solid #958B88;
// background:pink;
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
p:nth-child(1){ p:nth-child(1){
color: #fff; color: #fff;
line-height: 0.6rem; line-height: 0.6rem;
font-size: 0.3rem; font-size: 0.4rem;
text-indent: -0.15rem;
text-align: center; text-align: center;
height: 0.6rem; height: 0.6rem;
padding-top: 0.2rem; padding-top: 0.5rem;
font-weight: 700; font-weight: 700;
img{ img{
width: 0.43rem; width: 0.43rem;
...@@ -59,26 +61,26 @@ ...@@ -59,26 +61,26 @@
} }
} }
p:nth-child(2){ p:nth-child(2){
color: #FFFFFF; color: #B3B0B2;
font-size: 0.4rem; font-size: 0.3rem;
font-weight: 700; // font-weight: 700;
line-height: 0.5rem; line-height: 0.4rem;
text-align: center; text-align: center;
} }
} }
.reg-click{ .reg-click{
background: url(../images/num-click.png)no-repeat; background:url(../images/select.png) no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
border: none; // border: 0.02rem solid #00FFFF;
padding: 1px; // padding: 1px;
// padding: 1px; // padding: 1px;
.hot{ .hot{
top: -0.13rem; top: -0.13rem;
} }
p{ p{
color: #58410B !important; // color: #58410B !important;
} }
} }
li:nth-child(even){ li:nth-child(even){
...@@ -98,6 +100,7 @@ ...@@ -98,6 +100,7 @@
.pay-ul{ .pay-ul{
margin-left: 0.6rem; margin-left: 0.6rem;
li{ li{
position: relative;
border-radius: 0.1rem; border-radius: 0.1rem;
height: 0.82rem; height: 0.82rem;
line-height: 0.82rem; line-height: 0.82rem;
...@@ -119,23 +122,34 @@ ...@@ -119,23 +122,34 @@
// display: inline-block; // display: inline-block;
} }
} }
.pay-icon{
width: 0.55rem;
position: absolute;
right: 0;
bottom: -0.04rem;
margin-right: -0.02rem;
display: none;
}
} }
.pay-click{ .pay-click{
background:url(../images/pay-click.png)no-repeat; // background:url(../images/pay-click.png)no-repeat;
background-size: 100% 100%; // background-size: 100% 100%;
border: none !important; border: 1px solid #08EDE4 !important;
padding: 0.02rem; // padding: 0.02rem;
border-radius: 0 !important; border-radius: 0.1rem !important;
.pay-icon{
display: block;
}
} }
.bottom-box{ .bottom-box{
width: 9.15rem; width: 9.15rem;
height: 1.15rem; height: 2rem;
border-top: 1px solid #675362; border-top: 1px solid #675362;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0.425rem; left: 0.425rem;
color:#FFFFFF; color:#FFFFFF;
line-height: 1.15rem; line-height: 1.55rem;
font-size: 0.3rem; font-size: 0.3rem;
img{ img{
width: 0.5rem; width: 0.5rem;
...@@ -149,11 +163,39 @@ ...@@ -149,11 +163,39 @@
width: 2.1rem; width: 2.1rem;
height: 0.8rem; height: 0.8rem;
position: absolute; position: absolute;
background:linear-gradient(to right, #FFF502, #FFDB39); background:linear-gradient(to right, #08E1DF, #22FCFC);
top: 0.15rem; top: 0.35rem;
right: 0; right: 0;
border-radius: 1rem; border-radius: 1rem;
line-height: 0.8rem; line-height: 0.8rem;
text-align: center; text-align: center;
color: #000023; color: #015A59;
}
.hot-box{
width: 1.37rem;
height: 0.56rem;
line-height: 0.56rem;
background: url(../images/hot.png) no-repeat;
background-size: 100% 100%;
position: absolute;
left: -0.06rem;
top: -0.08rem;
color: #FFFF22;
span{
position: absolute;
left: -0.02rem;
top: -0.04rem;
width: 1.5rem;
transform: scale(0.8);
display: inline-block;
height: 0.6rem;
line-height: 0.6rem;
}
font-size: 0.3rem;
font-weight: 700;
img{
width: 0.42rem;
vertical-align: middle;
margin-top: -0.08rem;
}
} }
\ No newline at end of file
guodongRecharge/images/alipay.png
guodongRecharge/images/alipay.png

685 Bytes | W: | H:

guodongRecharge/images/alipay.png

1.02 KB | W: | H:

guodongRecharge/images/alipay.png
guodongRecharge/images/alipay.png
guodongRecharge/images/alipay.png
guodongRecharge/images/alipay.png
  • 2-up
  • Swipe
  • Onion skin
guodongRecharge/images/hot.png
guodongRecharge/images/hot.png

1.16 KB | W: | H:

guodongRecharge/images/hot.png

684 Bytes | W: | H:

guodongRecharge/images/hot.png
guodongRecharge/images/hot.png
guodongRecharge/images/hot.png
guodongRecharge/images/hot.png
  • 2-up
  • Swipe
  • Onion skin
guodongRecharge/images/n-banner.png
guodongRecharge/images/n-banner.png

26.1 KB | W: | H:

guodongRecharge/images/n-banner.png

35.6 KB | W: | H:

guodongRecharge/images/n-banner.png
guodongRecharge/images/n-banner.png
guodongRecharge/images/n-banner.png
guodongRecharge/images/n-banner.png
  • 2-up
  • Swipe
  • Onion skin
guodongRecharge/images/pay-click.png
guodongRecharge/images/pay-click.png

2.55 KB | W: | H:

guodongRecharge/images/pay-click.png

1012 Bytes | W: | H:

guodongRecharge/images/pay-click.png
guodongRecharge/images/pay-click.png
guodongRecharge/images/pay-click.png
guodongRecharge/images/pay-click.png
  • 2-up
  • Swipe
  • Onion skin
guodongRecharge/images/select.png
guodongRecharge/images/select.png

1.35 KB | W: | H:

guodongRecharge/images/select.png

1.79 KB | W: | H:

guodongRecharge/images/select.png
guodongRecharge/images/select.png
guodongRecharge/images/select.png
guodongRecharge/images/select.png
  • 2-up
  • Swipe
  • Onion skin
guodongRecharge/images/weipay.png
guodongRecharge/images/weipay.png

721 Bytes | W: | H:

guodongRecharge/images/weipay.png

1.01 KB | W: | H:

guodongRecharge/images/weipay.png
guodongRecharge/images/weipay.png
guodongRecharge/images/weipay.png
guodongRecharge/images/weipay.png
  • 2-up
  • Swipe
  • Onion skin
guodongRecharge/index.html
...@@ -43,11 +43,11 @@ ...@@ -43,11 +43,11 @@
<div class="pay-box"> <div class="pay-box">
<p class="pay-tips">选择支付方式</p> <p class="pay-tips">选择支付方式</p>
<ul class="pay-ul clearfix"> <ul class="pay-ul clearfix">
<li >
<img src="images/weipay.png" alt=""> 微信支付 <i style="display: none">weipay</i>
</li>
<li class="pay-click"> <li class="pay-click">
<img src="images/alipay.png" alt=""> 支付宝 <i style="display: none">alipay</i> <img class="pay-img1" src="images/weipay.png" alt=""> 微信支付 <i style="display: none">weipay</i><img class="pay-icon" src="images/pay-click.png" alt="">
</li>
<li >
<img class="pay-img2" src="images/alipay1.png" alt=""> 支付宝 <i style="display: none">alipay</i><img class="pay-icon" src="images/pay-click.png" alt="">
</li> </li>
</ul> </ul>
<!--<div class="taobao-Pay"><img style="margin-left: 0.1rem;" src="images/diamond.png" alt=""> 更多大额充值<span--> <!--<div class="taobao-Pay"><img style="margin-left: 0.1rem;" src="images/diamond.png" alt=""> 更多大额充值<span-->
...@@ -104,6 +104,7 @@ ...@@ -104,6 +104,7 @@
}else{ }else{
var weiPkg='h5' var weiPkg='h5'
} }
$(".recording").on("click", function () { $(".recording").on("click", function () {
window.location.href='https://activity.ishuaji.cn/eggplant/expenses/recharge.html?uid='+sessionStorage.bbb+'&token='+sessionStorage.kkk+'&pkg=qingliang'; window.location.href='https://activity.ishuaji.cn/eggplant/expenses/recharge.html?uid='+sessionStorage.bbb+'&token='+sessionStorage.kkk+'&pkg=qingliang';
}) })
...@@ -149,28 +150,29 @@ try{ ...@@ -149,28 +150,29 @@ try{
else html += '<li>'; else html += '<li>';
if (msg.data.third[i].addnum == 0) { if (msg.data.third[i].addnum == 0) {
if(msg.data.third[i].coinnum==0) html += '<p class="diamond-p"><img src="images/diamond.png" alt="">' + msg.data.third[i].diamond + '</p>'; if(msg.data.third[i].coinnum==0) html += '<p class="diamond-p"><img src="images/diamond.png" alt="">' + msg.data.third[i].diamond + '</p>';
else html += '<p class="diamond-p"><img src="images/diamond.png" alt="">' + msg.data.third[i].diamond + '(送' + msg.data.third[i].coinnum + '银币)</p>'; else html += '<p class="diamond-p"><img src="images/diamond.png" alt="">' + msg.data.third[i].diamond + '</p>';
} else { } else {
html += '<p class="diamond-p"><img src="images/diamond.png" alt="">' + msg.data.third[i].diamond + '<span style="color: #645340;">(送' + msg.data.third[i].addnum + '钻石)</span></p>'; html += '<div class=hot-box><span>送<img src="images/diamond.png">' + msg.data.third[i].addnum + '</span></div>'
html += '<p class="diamond-p"><img src="images/diamond.png" alt="">' + msg.data.third[i].diamond + '<span style="color: #645340;"></span></p>';
} }
html += '<p class="money-p">¥<span class="pay-money">' + msg.data.third[i].amount + '</span></p>'; html += '<p class="money-p">¥<span class="pay-money">' + msg.data.third[i].amount + '</span></p>';
if (msg.data.third[i].sale == 1) { // if (msg.data.third[i].sale == 1) {
if(i%2==0){ // if(i%2==0){
html += '<img class="hot" src="images/hot.png" alt="">'; // html += '<img class="hot" src="images/hot.png" alt="">';
}else{ // }else{
html += '<img class="hot" style="left:3.6rem" src="images/hot.png" alt="">'; // html += '<img class="hot" style="left:3.6rem" src="images/hot.png" alt="">';
} // }
} // }
html += '</li>'; html += '</li>';
} }
// html+='<li class="rich-god" style="height: 1.7rem;"><p class="diamond-p" style="margin-top: 0.3rem;"><img src="images/diamond.png" alt="">100000<span style="color: #ff6600;">(送10000钻石)</span></p><p class="money-p">¥<span class="pay-money">10000</span></p></li>' // html+='<li class="rich-god" style="height: 1.7rem;"><p class="diamond-p" style="margin-top: 0.3rem;"><img src="images/diamond.png" alt="">100000<span style="color: #ff6600;">(送10000钻石)</span></p><p class="money-p">¥<span class="pay-money">10000</span></p></li>'
$(".content").html(html); $(".content").html(html);
var k=$(window).height()/$(window).width(); var k=$(window).height()/$(window).width();
if(k<1.8){ if(k<1.8){
$(".diamond-p").css("margin-top",'0.3rem') $(".diamond-p").css("margin-top",'0.5rem')
$(".content li").css("height",'1.7rem') $(".content li").css("height",'1.7rem')
$(".b-tips").css("margin-top","0.5rem") $(".b-tips").css("margin-top","0.5rem")
$(".content").css("margin-top","0.7rem") $(".content").css("margin-top","0.7rem")
...@@ -186,12 +188,21 @@ try{ ...@@ -186,12 +188,21 @@ try{
}) })
} }
}) })
sessionStorage.pay = "alipay" sessionStorage.pay = "weipay"
$(".pay-ul li").on("click", function () { $(".pay-ul li").on("click", function () {
payBl = true; payBl = true;
$(this).addClass("pay-click"); $(this).addClass("pay-click");
$(this).siblings("li").removeClass("pay-click") $(this).siblings("li").removeClass("pay-click")
sessionStorage.pay = $(this).children("i").text() sessionStorage.pay = $(this).children("i").text()
if(sessionStorage.pay=="alipay"){
$(".pay-img1").attr("src","images/weipay1.png")
$(".pay-img2").attr("src","images/alipay.png")
}
else{
$(".pay-img1").attr("src","images/weipay.png")
$(".pay-img2").attr("src","images/alipay1.png")
}
}) })
$(".pay-btn").on("click", function () { $(".pay-btn").on("click", function () {
if (moneyBl && payBl) { if (moneyBl && payBl) {
......
guodongRecharge/index2.html
...@@ -46,8 +46,8 @@ ...@@ -46,8 +46,8 @@
</ul> </ul>
<p class="pay-title">选择支付方式</p> <p class="pay-title">选择支付方式</p>
<ul class="pay-ul"> <ul class="pay-ul">
<li data-type='weipay' class="pay-click"><img src="images/weipay2.png" alt=""><span>微信支付</p></li> <li data-type='weipay' class="pay-click"><img src="images/weipay2.png" alt=""><span>微信支付</p><img class="pay-icon" src="images/pay-click.png" alt=""></li>
<li data-type='alipay'><img src="images/alipay2.png" alt=""><span>支付宝</p></li> <li data-type='alipay'><img src="images/alipay2.png" alt=""><span>支付宝</p><img class="pay-icon" src="images/pay-click.png" alt=""></li>
</ul> </ul>
<div class="bottom-box"> <div class="bottom-box">
余额 :<img src="images/diamond.png"><span>25</span> 余额 :<img src="images/diamond.png"><span>25</span>
...@@ -115,10 +115,10 @@ ...@@ -115,10 +115,10 @@
for(var i=0;i<msg.data.third.length;i++){ for(var i=0;i<msg.data.third.length;i++){
if(msg.data.third[i].amount==100)html+='<li class="reg-click" data-type='+msg.data.third[i].amount+'>'; if(msg.data.third[i].amount==100)html+='<li class="reg-click" data-type='+msg.data.third[i].amount+'>';
else html+='<li data-type='+msg.data.third[i].amount+'>'; else html+='<li data-type='+msg.data.third[i].amount+'>';
if(msg.data.third[i].addnum==0) html+='<p><img src="images/diamond.png">'+msg.data.third[i].diamond+'</p>'; html+='<p><img src="images/diamond.png">'+msg.data.third[i].diamond+'</p>';
else html+='<p><img src="images/diamond.png">'+msg.data.third[i].diamond+'(送' + msg.data.third[i].addnum + '钻石)</p>';
html+='<p>¥'+msg.data.third[i].amount+'</p>'; html+='<p>¥'+msg.data.third[i].amount+'</p>';
if(msg.data.third[i].sale==1)html+='<img class="hot" src="images/hot.png" alt="">' if(msg.data.third[i].addnum!=0)html += '<div class=hot-box><span>送<img src="images/diamond.png">' + msg.data.third[i].addnum + '</span></div>'
// if(msg.data.third[i].sale==1)html+='<img class="hot" src="images/hot.png" alt="">'
html+='</li>'; html+='</li>';
} }
$(".reg-ul").html(html); $(".reg-ul").html(html);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment