Merge branch 'dev' of 47.111.118.107:/srv/git/platform into dev
zhengyongxing
5 years ago
commit
66776fef98
@ -0,0 +1,445 @@
|
|||||||
|
.home{
|
||||||
|
width: 100%;
|
||||||
|
font-family:PingFang SC;
|
||||||
|
}
|
||||||
|
.home-box{
|
||||||
|
padding: 0.5rem 0.37rem 0 0.31rem;
|
||||||
|
}
|
||||||
|
.heard{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
.heard>img{
|
||||||
|
width: 2.5rem;
|
||||||
|
height: 2.5rem;
|
||||||
|
}
|
||||||
|
.heard>.right{
|
||||||
|
margin-left: 0.3rem;
|
||||||
|
}
|
||||||
|
.heard>.right>div:first-child{
|
||||||
|
font-size:0.4rem;
|
||||||
|
font-weight:500;
|
||||||
|
color:rgba(41,41,41,1);
|
||||||
|
}
|
||||||
|
.heard>.right>div:nth-child(2){
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow:ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
font-size: 0.28rem;
|
||||||
|
color: #A9A9A9;
|
||||||
|
margin-top: 0.23rem;
|
||||||
|
}
|
||||||
|
.heard>.right>div:nth-child(3){
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 0.32rem;
|
||||||
|
}
|
||||||
|
.heard>.right>div:nth-child(3) .download{
|
||||||
|
width: 1.8rem;
|
||||||
|
height: 0.6rem;
|
||||||
|
background:rgba(34,129,245,1);
|
||||||
|
border-radius:0.3rem;
|
||||||
|
color:#fff ;
|
||||||
|
font-size: 0.28rem;
|
||||||
|
font-weight: 400;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0.6rem;
|
||||||
|
}
|
||||||
|
.heard>.right>div:nth-child(3) >img{
|
||||||
|
width: 0.6rem;
|
||||||
|
height: 0.6rem;
|
||||||
|
}
|
||||||
|
.evaluate{
|
||||||
|
font-size: 0.32rem;
|
||||||
|
color: #757575;
|
||||||
|
font-weight: bold;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 0.33rem;
|
||||||
|
}
|
||||||
|
.evaluate .number{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.evaluate .start{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 0.32rem;
|
||||||
|
}
|
||||||
|
.evaluate .start>img{
|
||||||
|
width: 0.3rem;
|
||||||
|
height: 0.3rem;
|
||||||
|
}
|
||||||
|
.evaluate-box{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.evaluate-box:last-child,.evaluate-box:nth-child(2){
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.evaluate-box .grade{
|
||||||
|
margin-top: 0.19rem;
|
||||||
|
font-size: 0.24rem;
|
||||||
|
color: #D3D3D3;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.slide_list{
|
||||||
|
width: 100%;
|
||||||
|
margin-top:0.4rem;
|
||||||
|
padding-bottom: 0.39rem;
|
||||||
|
border-bottom: 1px solid #DEDEDE;
|
||||||
|
}
|
||||||
|
.slide-box{
|
||||||
|
display: -webkit-box;
|
||||||
|
overflow-x: auto;
|
||||||
|
/*适应苹果*/
|
||||||
|
-webkit-overflow-scrolling:touch;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
font-size: 100%;
|
||||||
|
font-weight: normal;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.slide-item{
|
||||||
|
width: 4.4rem;
|
||||||
|
/* height: 6.22rem; */
|
||||||
|
margin-right: 30px;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.slide-item >img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
/*隐藏掉滚动条*/
|
||||||
|
.slide-box::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.synopsis{
|
||||||
|
margin-top: 0.41rem;
|
||||||
|
padding-bottom: 0.38rem;
|
||||||
|
border-bottom: 1px solid #DEDEDE;
|
||||||
|
}
|
||||||
|
.synopsis>div:first-child{
|
||||||
|
font-size:0.4rem;
|
||||||
|
font-weight:700;
|
||||||
|
color:rgba(41,41,41,1);
|
||||||
|
margin-bottom: 0.41rem;
|
||||||
|
}
|
||||||
|
.synopsis>div:nth-child(2){
|
||||||
|
font-weight:400;
|
||||||
|
color:rgba(41,41,41,1);
|
||||||
|
line-height:0.4rem;
|
||||||
|
font-size: 0.28rem;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow:ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 5;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
.synopsis>div:last-child{
|
||||||
|
position: relative;
|
||||||
|
margin-top: -0.4rem;
|
||||||
|
}
|
||||||
|
.synopsis>div:last-child .bg-blur{
|
||||||
|
background-color: #fff;
|
||||||
|
-webkit-filter:blur(0.2rem);
|
||||||
|
filter:blur(0.2rem);
|
||||||
|
width: 100%;
|
||||||
|
height: 1rem;
|
||||||
|
|
||||||
|
}
|
||||||
|
.more{
|
||||||
|
position: absolute;
|
||||||
|
top: 0.6rem;
|
||||||
|
left: 50%;
|
||||||
|
margin-left: -0.7948rem;
|
||||||
|
font-size: 0.36rem;
|
||||||
|
color: #2281F5;
|
||||||
|
/* background-color: #fff; */
|
||||||
|
}
|
||||||
|
.appraisal{
|
||||||
|
margin-top: 0.38rem;
|
||||||
|
}
|
||||||
|
.appraisal .title{
|
||||||
|
font-size:0.4rem;
|
||||||
|
font-weight:700;
|
||||||
|
color:rgba(41,41,41,1);
|
||||||
|
}
|
||||||
|
.appraisal-box{
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 0.4rem;
|
||||||
|
padding-bottom: 0.39rem;
|
||||||
|
border-bottom: 1px solid #DEDEDE;
|
||||||
|
}
|
||||||
|
.appraisal-box .left{
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.appraisal-box .left>span:first-child{
|
||||||
|
font-size: 1.2rem;
|
||||||
|
font-weight: 800;
|
||||||
|
color: #4B4C50;
|
||||||
|
}
|
||||||
|
.appraisal-box .left>span:last-child{
|
||||||
|
font-size: 0.28rem;
|
||||||
|
color: #4B4C50;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.appraisal-box .right{
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
.appraisal-box .right>.start-number{
|
||||||
|
display: flex;
|
||||||
|
align-items:center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-bottom: 0.06rem;
|
||||||
|
}
|
||||||
|
.appraisal-box .right>.start-number .start{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.appraisal-box .right>.start-number .start>img{
|
||||||
|
width: 0.16rem;
|
||||||
|
height: 0.16rem;
|
||||||
|
}
|
||||||
|
.appraisal-box .right>.start-number .strip{
|
||||||
|
width: 3rem;
|
||||||
|
height: 0.04rem;
|
||||||
|
background-color: #E0E0E0;
|
||||||
|
position: relative;
|
||||||
|
margin-left: 0.33rem;
|
||||||
|
}
|
||||||
|
.appraisal-box .right>.start-number .strip>div{
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 100%;
|
||||||
|
background-color: #4B4C50;
|
||||||
|
}
|
||||||
|
.appraisal-box .right>.mark{
|
||||||
|
font-size:0.24rem;
|
||||||
|
font-weight:400;
|
||||||
|
color:rgba(75,76,80,1);
|
||||||
|
margin-top: 0.26rem;
|
||||||
|
}
|
||||||
|
.device{
|
||||||
|
margin-top: 0.4rem;
|
||||||
|
padding-bottom: 0.4rem;
|
||||||
|
border-bottom: 1px solid #DEDEDE;
|
||||||
|
}
|
||||||
|
.device .title{
|
||||||
|
font-size:0.4rem;
|
||||||
|
font-weight:500;
|
||||||
|
color:rgba(41,41,41,1);
|
||||||
|
}
|
||||||
|
.device .soon-title{
|
||||||
|
margin-top: 0.4rem;
|
||||||
|
font-size: 0.28rem;
|
||||||
|
color: #292929;
|
||||||
|
}
|
||||||
|
.device .del{
|
||||||
|
font-size: 0.28rem;
|
||||||
|
color: #292929;
|
||||||
|
}
|
||||||
|
.information{
|
||||||
|
margin-top: 0.39rem;
|
||||||
|
}
|
||||||
|
.information .title{
|
||||||
|
font-size:0.4rem;
|
||||||
|
font-weight:500;
|
||||||
|
color:rgba(41,41,41,1);
|
||||||
|
margin-bottom: 0.52rem;
|
||||||
|
}
|
||||||
|
.information .data-box{
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-bottom: 0.3rem;
|
||||||
|
border-bottom: 1px solid #DEDEDE;
|
||||||
|
margin-bottom: 0.29rem;
|
||||||
|
}
|
||||||
|
.information .data-box>span{
|
||||||
|
font-size: 0.24rem;
|
||||||
|
color: #A9A9A9;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.information .data-box>div{
|
||||||
|
font-size: 0.24rem;
|
||||||
|
color: #292929;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.privacy{
|
||||||
|
font-size: 0.24rem;
|
||||||
|
color: #292929;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.foot{
|
||||||
|
background-color: #101010;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0.29rem 0 0.24rem 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
color: #D3D3D3;
|
||||||
|
margin-top: 0.92rem;
|
||||||
|
}
|
||||||
|
.foot div:first-child{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
color: #D3D3D3;
|
||||||
|
font-weight:400;
|
||||||
|
font-size: 0.24rem;
|
||||||
|
}
|
||||||
|
.foot div:first-child>div{
|
||||||
|
font-size: 0.24rem;
|
||||||
|
}
|
||||||
|
.foot div:first-child>div:first-child{
|
||||||
|
margin-right: 0.5rem;
|
||||||
|
}
|
||||||
|
.foot div:nth-child(2){
|
||||||
|
margin-top: 0.18rem;
|
||||||
|
margin-bottom: 0.18rem;
|
||||||
|
}
|
||||||
|
.window{
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background:rgba(0,0,0,0.6);
|
||||||
|
}
|
||||||
|
.containner{
|
||||||
|
width: 5.50rem;
|
||||||
|
height: 7.32rem;
|
||||||
|
background: url(../images/bg.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
.containner-box{
|
||||||
|
padding: 0 0.39rem 0.15rem 0.36rem;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
.containner-box .text{
|
||||||
|
font-size:0.24rem;
|
||||||
|
font-weight:400;
|
||||||
|
color:rgba(41,41,41,1);
|
||||||
|
line-height:0.36rem;
|
||||||
|
}
|
||||||
|
.blue-btn{
|
||||||
|
width: 4.58rem;
|
||||||
|
height:0.98rem;
|
||||||
|
background: url(../images/btn-blue.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
font-size:0.28rem;
|
||||||
|
font-weight:400;
|
||||||
|
color:rgba(255,255,255,1);
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0.86rem;
|
||||||
|
margin: 0.15rem 0;
|
||||||
|
}
|
||||||
|
.gray-btn{
|
||||||
|
width: 4.58rem;
|
||||||
|
height:0.98rem;
|
||||||
|
background: url(../images/btn-gray.png) no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
font-size:0.28rem;
|
||||||
|
font-weight:400;
|
||||||
|
color:rgba(255,255,255,1);
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0.86rem;
|
||||||
|
}
|
||||||
|
.second{
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background:rgba(0,0,0,0.6);
|
||||||
|
}
|
||||||
|
.second-box{
|
||||||
|
width: 5.50rem;
|
||||||
|
height: 7.4rem;
|
||||||
|
border-radius:0.3rem;
|
||||||
|
background-color: #fff;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.second-box .title{
|
||||||
|
border-top-left-radius: 0.3rem;
|
||||||
|
border-top-right-radius: 0.3rem;
|
||||||
|
height: 1rem;
|
||||||
|
width: 100%;
|
||||||
|
line-height: 1rem;
|
||||||
|
background-color: #489EF6;
|
||||||
|
font-size: 0.32rem;
|
||||||
|
font-weight: 500;
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.carousel{
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 0.3rem;
|
||||||
|
}
|
||||||
|
.swiper-container{
|
||||||
|
padding-bottom: 0.6rem;
|
||||||
|
}
|
||||||
|
.swiper-slide{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.swiper-slide-box{
|
||||||
|
padding: 0 0.5rem;
|
||||||
|
}
|
||||||
|
.swiper-slide-box>div:first-child{
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
font-size:0.28rem;
|
||||||
|
font-weight:400;
|
||||||
|
color:rgba(41,41,41,1);
|
||||||
|
line-height:0.36rem;
|
||||||
|
}
|
||||||
|
.swiper-slide-box>.slide-img{
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
}
|
||||||
|
.swiper-slide-box>.slide-img .case{
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
top: -0.18rem;
|
||||||
|
width: 0.8rem;
|
||||||
|
height: 0.8rem;
|
||||||
|
}
|
||||||
|
.swiper-slide-box>.slide-img>img:first-child{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.swiper-container-horizontal>.swiper-pagination-bullets{
|
||||||
|
bottom: -9px !important;
|
||||||
|
}
|
||||||
@ -0,0 +1,28 @@
|
|||||||
|
html,
|
||||||
|
body {
|
||||||
|
width: 100%;
|
||||||
|
/* font-size: calc(266.67% + 57.3333 * (100vw - 320px) / 430); */
|
||||||
|
}
|
||||||
|
/*清除一些默认样式*/
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
img{border:0;}
|
||||||
|
a{text-decoration:none; color:#000; outline:none;}
|
||||||
|
a:hover{text-decoration:none;}
|
||||||
|
em,strong,i{font-style:normal;}
|
||||||
|
h1,h2,h3,h4,h5,h6,span,strong,i{font-size:100%;font-weight:normal;margin: 0;padding: 0;}
|
||||||
|
.trans {
|
||||||
|
-webkit-transition: all 0.3s linear;
|
||||||
|
-moz-transition: all 0.3s linear;
|
||||||
|
-ms-transition: all 0.3s linear;
|
||||||
|
transition: all 0.3s linear;
|
||||||
|
}
|
||||||
|
.clearfix {*zoom:1;}
|
||||||
|
.clearfix:after {content:'\200B';clear:both;display:block;height:0px}
|
||||||
|
|
||||||
|
/* html{-webkit-tap-highlight-color:transparent;} */
|
||||||
|
|
||||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 157 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 134 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 722 B |
Binary file not shown.
|
After Width: | Height: | Size: 555 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 782 B |
Binary file not shown.
|
After Width: | Height: | Size: 766 B |
Binary file not shown.
|
After Width: | Height: | Size: 136 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
@ -0,0 +1,20 @@
|
|||||||
|
function getRem(pwidth,prem){
|
||||||
|
var html = document.getElementsByTagName("html")[0];
|
||||||
|
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
|
||||||
|
//var oHeight = document.body.clientHeight || document.documentElement.clientHeight;
|
||||||
|
// if (oWidth >= pwidth) {
|
||||||
|
// oWidth = pwidth;
|
||||||
|
// }
|
||||||
|
// if (oWidth > oHeight) {
|
||||||
|
// oWidth = oHeight
|
||||||
|
// }
|
||||||
|
var size=oWidth/pwidth*prem;
|
||||||
|
html.style.fontSize = size + "px";
|
||||||
|
}
|
||||||
|
$(document).ready(function(){
|
||||||
|
//画布、字体大小设定
|
||||||
|
getRem(750,100);
|
||||||
|
$(window).resize(function() {
|
||||||
|
getRem(750,100);
|
||||||
|
})
|
||||||
|
});
|
||||||
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,184 @@
|
|||||||
|
.recharge_swiper{
|
||||||
|
margin-top: 0.02rem;
|
||||||
|
width: 100%;
|
||||||
|
height: 2.9rem;
|
||||||
|
}
|
||||||
|
.recharge_swiper>img{
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.recharge_contain{
|
||||||
|
padding: 0 3.6rem;
|
||||||
|
font-family:PingFang SC;
|
||||||
|
margin-bottom: 0.7rem;
|
||||||
|
}
|
||||||
|
.recharge_title{
|
||||||
|
font-size: 0.36rem;
|
||||||
|
color: #292929;
|
||||||
|
font-weight: bold;
|
||||||
|
margin-top: 0.7rem;
|
||||||
|
padding-bottom: 0.33rem;
|
||||||
|
border-bottom: 1px solid #E5E5E5;
|
||||||
|
}
|
||||||
|
.recharge_title .title{
|
||||||
|
padding-left: 0.26rem;
|
||||||
|
border-left: 0.05rem solid #2BBDEE;
|
||||||
|
}
|
||||||
|
.recharge_select{
|
||||||
|
margin-top: 0.36rem;
|
||||||
|
font-size: 0.28rem;
|
||||||
|
color: #292929;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.recharge_input{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
.recharge_input>input{
|
||||||
|
width: 4rem;
|
||||||
|
height: 0.6rem;
|
||||||
|
outline: 0;
|
||||||
|
border: 1px solid #D3D3D3;
|
||||||
|
margin-left: 0.33rem;
|
||||||
|
font-size: 0.28rem;
|
||||||
|
}
|
||||||
|
.select_input{
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
.select_input .title{
|
||||||
|
margin-top: 0.15rem;
|
||||||
|
}
|
||||||
|
.select-box{
|
||||||
|
width: 8.5rem;
|
||||||
|
margin-left: 0.33rem;
|
||||||
|
}
|
||||||
|
.select-box .select-box-soon>div{
|
||||||
|
width: 1.5rem;
|
||||||
|
height: 0.6rem;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0.6rem;
|
||||||
|
font-size:0.2rem;
|
||||||
|
font-weight:400;
|
||||||
|
color:rgba(41,41,41,1);
|
||||||
|
border:1px solid #D3D3D3;
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
float: left;
|
||||||
|
margin-right: 0.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-box .select-box-soon>div:nth-child(4n){
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
.select-box .select-box-soon>div.selectBg{
|
||||||
|
background: url("../images/border-bg.png") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.select-box .select-box-soon>div:hover:not(.price-input){
|
||||||
|
border:1px solid rgba(3,180,245,1);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.select-box .select-box-soon> .price-input{
|
||||||
|
width: 2rem;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
background:rgba(247,247,247,1);
|
||||||
|
}
|
||||||
|
.select-box .select-box-soon> .price-input>input{
|
||||||
|
outline: 0;
|
||||||
|
border: 1px solid #D3D3D3;
|
||||||
|
width: 1rem;
|
||||||
|
height: 0.4rem;
|
||||||
|
margin: 0 0.09rem;
|
||||||
|
font-size: 0.2rem;
|
||||||
|
}
|
||||||
|
.price-show{
|
||||||
|
width: 7.4rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-top: 0.2rem;
|
||||||
|
border-top: 1px solid #E5E5E5;
|
||||||
|
}
|
||||||
|
.price-show>div:first-child{
|
||||||
|
font-size:0.2rem;
|
||||||
|
font-weight:400;
|
||||||
|
color:rgba(3,180,245,1);
|
||||||
|
}
|
||||||
|
.price-show>div:last-child{
|
||||||
|
font-size:0.2rem;
|
||||||
|
font-weight:400;
|
||||||
|
color:rgba(41,41,41,1);
|
||||||
|
}
|
||||||
|
.price-show>div>span{
|
||||||
|
color: #03B4F5;
|
||||||
|
}
|
||||||
|
.way-price{
|
||||||
|
display: flex;
|
||||||
|
margin-top: 0.58rem;
|
||||||
|
}
|
||||||
|
.way-price .title{
|
||||||
|
margin-top: 0.15rem;
|
||||||
|
}
|
||||||
|
.way-box{
|
||||||
|
margin-left: 0.33rem;
|
||||||
|
}
|
||||||
|
.way-select{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
.way-select>div{
|
||||||
|
width: 1.80rem;
|
||||||
|
height: 0.6rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border: 1px solid #D3D3D3;
|
||||||
|
font-size:0.22rem;
|
||||||
|
font-weight:400;
|
||||||
|
color:rgba(41,41,41,1);
|
||||||
|
margin-right: 0.3rem;
|
||||||
|
}
|
||||||
|
.way-select>div.wayBg{
|
||||||
|
background: url("../images/border-bg.png") no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
}
|
||||||
|
.way-select>div:hover{
|
||||||
|
border: 1px solid #03B4F5;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.way-select>div>img{
|
||||||
|
width: 0.4rem;
|
||||||
|
height: 0.4rem;
|
||||||
|
margin-right: 0.1rem;
|
||||||
|
}
|
||||||
|
.way-show{
|
||||||
|
width: 7.4rem;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding-top: 0.2rem;
|
||||||
|
border-top: 1px solid #E5E5E5;
|
||||||
|
}
|
||||||
|
.way-show>div{
|
||||||
|
font-size:0.2rem;
|
||||||
|
font-weight:400;
|
||||||
|
}
|
||||||
|
.way-show>div>span{
|
||||||
|
color: #03B4F5;
|
||||||
|
}
|
||||||
|
.recharge-btn{
|
||||||
|
width: 3rem;
|
||||||
|
height: 0.7rem;
|
||||||
|
font-size:0.28rem;
|
||||||
|
font-weight:500;
|
||||||
|
color:rgba(255,255,255,1);
|
||||||
|
margin-top: 0.49rem;
|
||||||
|
background-color: #03B4F5;
|
||||||
|
text-align: center;
|
||||||
|
line-height: 0.7rem;
|
||||||
|
border-radius: 0.1rem;
|
||||||
|
}
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
@ -0,0 +1,87 @@
|
|||||||
|
$(function() {
|
||||||
|
//钱的数量选择
|
||||||
|
$(".select-box-soon>div:not(.price-input)").click(function(){
|
||||||
|
$(this).addClass("selectBg").siblings("div").removeClass("selectBg");
|
||||||
|
let price = $(this).text().replace("元","");
|
||||||
|
$('#amount').val(price);
|
||||||
|
$(".price-show div span").text(price);
|
||||||
|
$(".price-input input").val("");
|
||||||
|
});
|
||||||
|
|
||||||
|
//输入金额事件
|
||||||
|
$(".price-input input").bind("input propertychange",function(event){
|
||||||
|
$(".price-show div span").text($(".price-input input").val());
|
||||||
|
$('#amount').val($(".price-input input").val());
|
||||||
|
$(".select-box-soon>div:not(.price-input)").removeClass("selectBg");
|
||||||
|
});
|
||||||
|
|
||||||
|
//支付方式选择
|
||||||
|
$(".way-select>div").click(function(){
|
||||||
|
$(this).addClass("wayBg").siblings("div").removeClass("wayBg");
|
||||||
|
let way = $(this).text();
|
||||||
|
$(".way-show>div>span").text(way);
|
||||||
|
$("#apitype").val($(this).data('type'));
|
||||||
|
});
|
||||||
|
|
||||||
|
$(".recharge-btn").click(function () {
|
||||||
|
var that = $('#recharge_form');
|
||||||
|
if($.trim($("#toaccount2").val()).length == 0){
|
||||||
|
layer.msg("充值账号不能为空!");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if($.trim($("#retoaccount2").val()) != $.trim($("#toaccount2").val())){
|
||||||
|
layer.msg("两次账号不相同!");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
if(parseFloat($("#amount").val()) <=0){
|
||||||
|
layer.msg("充值金额不正确");
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
var apitype = $("#apitype").val();
|
||||||
|
if (apitype == 'weixin') {
|
||||||
|
var loading = new Cute.ui.dialog().loading('加载中...',{mask:true});
|
||||||
|
Cute.api.post("/media.php/Recharge/beginPay",that.serialize(), function(json){
|
||||||
|
loading.close();
|
||||||
|
if(json.status > 0){
|
||||||
|
|
||||||
|
that.dialog = new Cute.ui.dialog().layer('微信扫码支付',{
|
||||||
|
content: json.html,
|
||||||
|
mask: true,
|
||||||
|
open:{
|
||||||
|
// callback: function(){
|
||||||
|
// that.timer = setInterval(function(){
|
||||||
|
// Cute.api.post('pay/wx_order_query',{'order_no':json.data.out_trade_no}, function(data){
|
||||||
|
// if(data.status > 0){
|
||||||
|
// pay_callback();
|
||||||
|
// clearInterval(that.timer);
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
// },4000);
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
buttons: [{
|
||||||
|
title: '已完成支付',
|
||||||
|
type: 'main',
|
||||||
|
close: true,
|
||||||
|
// func: function(){
|
||||||
|
// location.href = "/account/order.html";
|
||||||
|
// }
|
||||||
|
}, {
|
||||||
|
title: '重新选择',
|
||||||
|
type: 'cancel',
|
||||||
|
close: true
|
||||||
|
}]
|
||||||
|
});
|
||||||
|
}else{
|
||||||
|
new Cute.ui.dialog().alert(json.info);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
$("#recharge_form").submit();
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue