Skip to content

libai / web.yazhai.co

Go to a project
Commit faba6725 by libai
Options

测试

parent 98e389be
Expand all
Inline Side-by-side
Showing with 901 additions and 0 deletions
guodongRecharge/css/base.css 0 → 100644
/*初始化 reset*/
@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,button,textarea,select,p,span,font,em,i,b,strong,button{margin:0;padding:0;}
body{margin:0;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"; background:#fff; overflow:visible; color:#333333;}
html, body { height: 100%;}
input,select{font-size:12px;line-height:16px; border:0 none; vertical-align:middle;}
button{ border:0 none;}
.clear{clear:both;padding:0px;margin:0px;}
img{border:0;}
a {outline: none;}
a:active {star:expression(this.onFocus=this.blur());}
a:focus { outline:0; }
input,button,select,textarea{outline:none}
ul,li{list-style-type:none;_list-style:outside;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#ff6600;}
/* new clearfix清除浮动 */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: block;zoom:1 }
* html .clearfix {height: 1%; zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
html[xmlns] .clearfix { display: block; zoom:1}
/*清除浮动-end*/
h1,h2,h3,h4,h5,h6{font-weight: normal}
/*这一句是用来解决在安卓上的点击出现篮框问题*/
body{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
/*下面是解决ios上去除微信点击蓝色边框 */
a:focus,
input:focus,
p:focus,
div:focus{
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-user-modify:read-only;
}
/*清除浮动*/
.w{
width: 1200px;
margin: 0 auto;
}
button{
cursor: pointer;
outline:none;
}
input[type=number] {
-moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
::-webkit-scrollbar{
display:none;
}
/*版芯*/
\ No newline at end of file
guodongRecharge/css/index.css 0 → 100644
.bg {
width: 10rem;
margin: 0 auto;
position: relative;
}
.top-text {
margin-top: 0.95rem;
color: #212121;
text-align: center;
font-size: 0.45rem;
margin-bottom: 0.1rem;
}
.top-num {
text-align: center;
font-size: 0.55rem;
font-weight: 700;
color: #212121;
}
.top-box {
overflow: hidden;
width: 8.88rem;
height: 3.17rem;
background: url(../images/n-banner.png) no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.content {
width: 9.3rem;
margin: 0 auto;
margin-top: 0.9rem;
}
.content li {
position: relative;
height: 2.1rem;
width: 4.2rem;
border-radius: 0.1rem;
border: 1px solid #EBDFC1;
box-sizing: border-box;
float: left;
margin-left: 0.2rem;
margin-right: 0.2rem;
margin-bottom: 0.4rem;
}
.content .li-click {
background: url("../images/select.png") no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
.diamond-p {
text-align: center;
font-size: 0.35rem;
margin-top: 0.55rem;
}
.diamond-p img {
vertical-align: middle;
margin-top: -0.1rem;
width: 0.4rem;
}
.money-p {
text-align: center;
font-size: 0.45rem;
font-weight: 500;
margin-top: 0.1rem;
}
.hot {
position: absolute;
width: 0.87rem;
top: -0.2rem;
left: -0.3rem;
}
.pay-box {
width: 8.75rem;
margin: 0 auto;
margin-top: 0.3rem;
}
.pay-box .pay-tips {
font-size: 0.32rem;
color: #333333;
}
.pay-ul {
margin-top: 0.25rem;
}
.pay-ul li {
width: 2.68rem;
height: 1rem;
float: left;
border-radius: 0.1rem;
margin-right: 0.3rem;
border: 1px solid #EBDFC1;
text-align: center;
line-height: 1rem;
font-size: 0.4rem;
}
.pay-ul li img {
width: 0.5rem;
vertical-align: middle;
margin-top: -0.07rem;
}
.pay-ul .pay-click {
background: url("../images/pay-click.png") no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
.taobao-Pay {
width: 8.75rem;
margin: 0 auto;
height: 0.85rem;
line-height: 0.85rem;
font-size: 0.32rem;
margin-top: 0.3rem;
border-radius: 0.1rem;
border: 0.02rem solid #E8E8E8;
}
.taobao-Pay img {
height: 0.35rem;
vertical-align: middle;
margin-top: -0.05rem;
}
.pay-btn {
height: 1.25rem;
width: 7.55rem;
margin-left: 1.23rem;
color: #713900;
font-size: 0.4rem;
margin-top: 0.4rem;
background: linear-gradient(to right, #FFF600, #FED73B);
box-shadow: 0rem 0.1rem 0.1rem #FFDFCD;
border-radius: 1rem;
}
.b-tips {
width: 7.5rem;
margin: 0 auto;
font-size: 0.3rem;
margin-top: 0.7rem;
text-align: center;
line-height: 0.5rem;
}
.b-tips img {
width: 1.55rem;
vertical-align: middle;
margin-top: -0.07rem;
}
.recording {
color: #713900;
position: absolute;
right: 0.2rem;
top: 0.2rem;
font-size: 0.32rem;
}
guodongRecharge/css/index.less 0 → 100644
.bg{
width: 10rem;
margin: 0 auto;
position: relative;
}
.top-text{
margin-top: 0.95rem;
color: #212121;
text-align: center;
font-size: 0.45rem;
margin-bottom: 0.1rem;
}
.top-num{
text-align: center;
font-size: 0.55rem;
font-weight: 700;
color: #212121;
}
.top-box{
overflow: hidden;
width: 8.88rem;
height: 3.17rem;
background: url(../images/n-banner.png)no-repeat;
background-size: 100% 100%;
margin: 0 auto;
}
.content{
width: 9.3rem;
margin: 0 auto;
margin-top: 0.9rem;
li{
position: relative;
height: 2.1rem;
width: 4.2rem;
border-radius: 0.1rem;
border: 1px solid #EBDFC1;
box-sizing: border-box;
float: left;
margin-left: 0.2rem;
margin-right: 0.2rem;
margin-bottom: 0.4rem;
}
.li-click{
background: url("../images/select.png")no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
}
.diamond-p{
text-align: center;
font-size: 0.35rem;
margin-top: 0.55rem;
img{
vertical-align: middle;
margin-top: -0.1rem;
width: 0.4rem;
}
}
.money-p{
text-align: center;
font-size: 0.45rem;
font-weight: 500;
margin-top: 0.1rem;
}
.hot{
position: absolute;
width: 0.87rem;
top: -0.2rem;
left: -0.3rem;
}
.pay-box{
width: 8.75rem;
margin: 0 auto;
margin-top: 0.3rem;
.pay-tips{
font-size: 0.32rem;
color: #333333;
}
}
.pay-ul{
margin-top: 0.25rem;
li{
width: 2.68rem;
height: 1rem;
float: left;
border-radius: 0.1rem;
margin-right: 0.3rem;
border: 1px solid #EBDFC1;
text-align: center;
line-height: 1rem;
font-size: 0.4rem;
img{
width: 0.5rem;
vertical-align: middle;
margin-top: -0.07rem;
}
}
.pay-click{
background: url("../images/pay-click.png")no-repeat;
background-size: 100% 100%;
border: 1px solid #fff;
}
}
.taobao-Pay{
width: 8.75rem;
margin: 0 auto;
height: 0.85rem;
line-height: 0.85rem;
font-size: 0.32rem;
margin-top: 0.3rem;
border-radius: 0.1rem;
border: 0.02rem solid #E8E8E8;
img{
height: 0.35rem;
vertical-align: middle;
margin-top: -0.05rem;
}
}
.pay-btn{
height: 1.25rem;
width: 7.55rem;
margin-left: 1.23rem;
color: #713900;
font-size: 0.4rem;
margin-top: 0.4rem;
background: linear-gradient(to right, #FFF600, #FED73B);
box-shadow: 0rem 0.1rem 0.1rem #FFDFCD;
border-radius: 1rem;
}
.b-tips{
width: 7.5rem;
margin: 0 auto;
font-size: 0.3rem;
margin-top: 0.7rem;
text-align: center;
line-height: 0.5rem;
img{
width: 1.55rem;
vertical-align: middle;
margin-top:-0.07rem;
}
}
.recording{
color: #713900;
position: absolute;
right: 0.2rem;
top: 0.2rem;
font-size: 0.32rem;
}
\ No newline at end of file
guodongRecharge/css/index2.css 0 → 100644
.bg {
width: 10rem;
height: 10rem;
background: url(../images/bg.png) no-repeat;
background-size: 100% 100%;
position: fixed;
bottom: 0;
left: 0;
}
.title-p {
height: 1rem;
line-height: 1rem;
color: #fff;
font-size: 0.4rem;
text-align: center;
position: relative;
}
.title-p span {
color: #FFFF00;
font-size: 0.3rem;
right: 0.6rem;
position: absolute;
bottom: -0.05rem;
}
.reg-ul {
width: 9.25rem;
margin: 0 auto;
height: 5.55rem;
margin-top: 0.1rem;
}
.reg-ul li {
position: relative;
height: 1.55rem;
width: 4.4rem;
float: left;
border-radius: 0.3rem;
border: 1px solid #958B88;
margin-bottom: 0.25rem;
}
.reg-ul li .hot {
width: 0.92rem;
position: absolute;
left: -0.15rem;
top: -0.15rem;
}
.reg-ul li p:nth-child(1) {
color: #fff;
line-height: 0.6rem;
font-size: 0.3rem;
text-align: center;
height: 0.6rem;
padding-top: 0.2rem;
font-weight: 700;
}
.reg-ul li p:nth-child(1) img {
width: 0.43rem;
vertical-align: middle;
margin-top: -0.1rem;
margin-right: 0.05rem;
}
.reg-ul li p:nth-child(2) {
color: #FFFFFF;
font-size: 0.4rem;
font-weight: 700;
line-height: 0.5rem;
text-align: center;
}
.reg-ul .reg-click {
background: url(../images/num-click.png) no-repeat;
background-size: 100% 100%;
border: 1px solid 58410B;
}
.reg-ul .reg-click p {
color: #58410B !important;
}
.reg-ul li:nth-child(even) {
margin-left: 0.3rem;
}
.reg-ul li:nth-child(even) .hot {
left: 3.65rem;
}
.pay-title {
color: #FEFFFF;
font-size: 0.37rem;
text-indent: 0.5rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
.pay-ul {
margin-left: 0.6rem;
}
.pay-ul li {
border-radius: 0.1rem;
height: 0.8rem;
line-height: 0.8rem;
font-size: 0.3rem;
text-align: center;
width: 2.25rem;
border: 1px solid #786364;
float: left;
margin-right: 0.35rem;
}
.pay-ul li img {
width: 0.44rem;
vertical-align: middle;
margin-top: -0.05rem;
margin-right: 0.1rem;
}
.pay-ul li span {
color: #fff;
}
.pay-click {
background: url(../images/pay-click.png) no-repeat;
background-size: 100% 100%;
border: none !important;
padding: 1px;
}
.bottom-box {
width: 9.15rem;
height: 1.15rem;
border-top: 1px solid #675362;
position: absolute;
bottom: 0;
left: 0.425rem;
color: #FFFFFF;
line-height: 1.15rem;
font-size: 0.3rem;
}
.bottom-box img {
width: 0.5rem;
vertical-align: middle;
margin-top: -0.07rem;
margin-left: 0.05rem;
margin-right: 0.05rem;
}
.reg-btn {
width: 2.1rem;
height: 0.8rem;
position: absolute;
background: linear-gradient(to right, #FFF502, #FFDB39);
top: 0.15rem;
right: 0;
border-radius: 1rem;
line-height: 0.8rem;
text-align: center;
color: #000023;
}
guodongRecharge/css/index2.less 0 → 100644
.bg{
width: 10rem;
height: 10rem;
background:url(../images/bg.png)no-repeat;
background-size: 100% 100%;
position: fixed;
bottom: 0;
left: 0;
}
.title-p{
height: 1rem;
line-height: 1rem;
color: #fff;
font-size: 0.4rem;
text-align: center;
position: relative;
span{
color: #FFFF00;
font-size: 0.3rem;
right: 0.6rem;
position: absolute;
bottom: -0.05rem;
}
}
.reg-ul{
width: 9.25rem;
margin: 0 auto;
height: 5.55rem;
margin-top: 0.1rem;
li{
.hot{
width: 0.92rem;
position: absolute;
left: -0.15rem;
top: -0.15rem;
}
position: relative;
height: 1.55rem;
width: 4.4rem;
float: left;
border-radius: 0.3rem;
border: 1px solid #958B88;
// background:pink;
margin-bottom: 0.25rem;
p:nth-child(1){
color: #fff;
line-height: 0.6rem;
font-size: 0.3rem;
text-align: center;
height: 0.6rem;
padding-top: 0.2rem;
font-weight: 700;
img{
width: 0.43rem;
vertical-align: middle;
margin-top: -0.1rem;
margin-right: 0.05rem;
}
}
p:nth-child(2){
color: #FFFFFF;
font-size: 0.4rem;
font-weight: 700;
line-height: 0.5rem;
text-align: center;
}
}
.reg-click{
background: url(../images/num-click.png)no-repeat;
background-size: 100% 100%;
border: 1px solid 58410B;
// padding: 1px;
p{
color: #58410B !important;
}
}
li:nth-child(even){
margin-left: 0.3rem;
.hot{
left: 3.65rem;
}
}
}
.pay-title{
color:#FEFFFF;
font-size: 0.37rem;
text-indent: 0.5rem;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
}
.pay-ul{
margin-left: 0.6rem;
li{
border-radius: 0.1rem;
height: 0.8rem;
line-height: 0.8rem;
font-size: 0.3rem;
text-align: center;
width: 2.25rem;
border: 1px solid #786364;
float: left;
margin-right: 0.35rem;
img{
width: 0.44rem;
vertical-align: middle;
margin-top: -0.05rem;
margin-right: 0.1rem;
}
span{
color: #fff;
// display: inline-block;
}
}
}
.pay-click{
background:url(../images/pay-click.png)no-repeat;
background-size: 100% 100%;
border: none !important;
padding: 1px;
}
.bottom-box{
width: 9.15rem;
height: 1.15rem;
border-top: 1px solid #675362;
position: absolute;
bottom: 0;
left: 0.425rem;
color:#FFFFFF;
line-height: 1.15rem;
font-size: 0.3rem;
img{
width: 0.5rem;
vertical-align: middle;
margin-top: -0.07rem;
margin-left: 0.05rem;
margin-right: 0.05rem;
}
}
.reg-btn{
width: 2.1rem;
height: 0.8rem;
position: absolute;
background:linear-gradient(to right, #FFF502, #FFDB39);
top: 0.15rem;
right: 0;
border-radius: 1rem;
line-height: 0.8rem;
text-align: center;
color: #000023;
}
\ No newline at end of file
guodongRecharge/css/layer.css 0 → 100644
.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
guodongRecharge/index2.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta content="telephone=no" name="format-detection">
<meta name="wap-font-scale" content="no">
<title>优惠充值</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index2.css?v='2018022101'">
<script src="lib/fsize.js"></script>
</head>
<body style="background:rgba(0,0,0,0)">
<div class="bg">
<p class="title-p">充值 <span>联系客服</span></p>
<ul class="reg-ul clearfix">
<!-- <li class="reg-click">
<p><img src="images/diamond.png">300</p>
<p>¥30</p>
</li>
<li>
<p><img src="images/diamond.png">300</p>
<p>¥30</p>
</li>
<li>
<p><img src="images/diamond.png">300</p>
<p>¥30</p>
<img class="hot" src="images/hot.png" alt="">
</li>
<li>
<p><img src="images/diamond.png">300</p>
<p>¥30</p>
<img class="hot" src="images/hot.png" alt="">
</li>
<li>
<p><img src="images/diamond.png">300</p>
<p>¥30</p>
</li>
<li>
<p><img src="images/diamond.png">300</p>
<p>¥30</p>
</li> -->
</ul>
<p class="pay-title">选择支付方式</p>
<ul class="pay-ul">
<li data-type='weipay' class="pay-click"><img src="images/weipay2.png" alt=""><span>微信支付</p></li>
<li data-type='alipay'><img src="images/weipay2.png" alt=""><span>支付宝</p></li>
</ul>
<div class="bottom-box">
余额 :<img src="images/diamond.png"><span>25</span>
<div class="reg-btn">确认充值</div>
</div>
</div>
<div class="alipay"></div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script>
// var $ip = "http://test.pay.ishuaji.cn";
var $ip="https://pay.ishuaji.cn";
var cdn = "https://zhibocdn.ishuaji.cn/comm";
var money=0
payOk = true;
moneyBl = true;
payBl = true;
if (sessionStorage.kkk == undefined) {
var bbb = location.href;
var data = url_get_params(bbb)
sessionStorage.kkk = data.token; //t
sessionStorage.bbb = data.uid; //u
sessionStorage.cid = data.cid;
sessionStorage.pkg = data.pkg;
sessionStorage.os = data.os;
sessionStorage.appversion=data.appversion
}
function url_get_params(url_path) {
var url = url_path;
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(url.indexOf("?") + 1);
strs = str.split("&");
for (var i = 0; i < strs.length; i++) {
theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
}
}
return theRequest;
}
sessionStorage.pay="weipay"
$(".pay-ul li").on("click",function(){
$(this).siblings("li").removeClass("pay-click")
$(this).addClass("pay-click")
sessionStorage.pay=$(this).attr("data-type");
})
$.ajax({
url:$ip+"/user/auth/"+sessionStorage.bbb+'/'+sessionStorage.kkk,
type:"post",
success: function (msg) {
var data=JSON.parse(msg);
$(".bottom-box span").text(data.diamond)
}
})
$.ajax({
url: $ip + "/pay/normal/recharge.html",
dataType: "json",
type: "get",
success: function (msg) {
console.log(msg)
var html=[];
for(var i=0;i<msg.data.third.length;i++){
html+='<li data-type='+msg.data.third[i].amount+'>';
html+='<p><img src="images/diamond.png">'+msg.data.third[i].diamond+'</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="">'
html+='</li>';
}
$(".reg-ul").html(html);
$(".reg-ul li").on("click",function(){
$(this).siblings("li").removeClass("reg-click");
$(this).addClass("reg-click")
money=$(this).attr("data-type")
})
}
})
$(".reg-btn").on("click",function(){
if(money==0){
layer.msg("请选择充值金额")
return
}
if(sessionStorage.pay=='weipay'){
$.ajax({
url: $ip+"/order/h5/wechat.html",
dataType: "json",
type: "post",
data: {
'uid': sessionStorage.bbb,
'amount': money,
'pkg':weiPkg,
'cid':sessionStorage.cid,
'os':sessionStorage.os
},
success: function (msg) {
console.log(msg);
payOk = true;
window.location.href=msg.result.payInfo.url;
}
})
}else if(sessionStorage.pay=='alipay'){
$.ajax({
url: $ip + "/order/h5/alipay.html",
dataType: "json",
type: "get",
data: {
'uid': sessionStorage.bbb,
'amount': money,
'pkg':sessionStorage.pkg,
'cid':sessionStorage.cid,
'os':sessionStorage.os
},
success: function (msg) {
console.log(msg);
var html = [];
payOk = true
html += msg.html;
$(".alipay").html(html);
}
})
}
})
$(".title-p span").on("click", function () {
var obj2 = {
"cid": 4,
"reqCode": new Date().getTime(),
"data": {
"msg": "请求客服",
}
}
var obj = JSON.stringify(obj2);
appCollaboration(obj)
})
//实现和客户端沟通
function appCollaboration(msg) {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
}
else if (bIsAndroid) {
window.yazhai.appCollaboration(msg);
} else if (bIsIphoneOs || bIsIpad) {
window.webkit.messageHandlers.appCollaboration.postMessage(msg);
}
}
//客户端回调结果
function appCallback(msg) {
console.log(msg);
}
</script>
</html>
\ No newline at end of file
guodongRecharge/layer-v3.1.0/layer.css 0 → 100644
.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
guodongRecharge/layer-v3.1.0/layer/mobile/layer.js 0 → 100644
/*! layer mobile-v2.0.0 Web弹层组件 MIT License http://layer.layui.com/mobile By 贤心 */
;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?'<h3 style="'+(e?n.title[1]:"")+'">'+(e?n.title[0]:n.title)+"</h3>":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e='<span yes type="1">'+n.btn[0]+"</span>",2===t&&(e='<span no type="0">'+n.btn[1]+"</span>"+e),'<div class="layui-m-layerbtn">'+e+"</div>"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content='<i></i><i class="layui-m-layerload"></i><i></i><p>'+(n.content||"")+"</p>"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"<div "+("string"==typeof n.shade?'style="'+n.shade+'"':"")+' class="layui-m-layershade"></div>':"")+'<div class="layui-m-layermain" '+(n.fixed?"":'style="position:static;"')+'><div class="layui-m-layersection"><div class="layui-m-layerchild '+(n.skin?"layui-m-layer-"+n.skin+" ":"")+(n.className?n.className:"")+" "+(n.anim?"layui-m-anim-"+n.anim:"")+'" '+(n.style?'style="'+n.style+'"':"")+">"+l+'<div class="layui-m-layercont">'+n.content+"</div>"+c+"</div></div></div>",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o<r;o++)l.touch(s[o],a);if(e.shade&&e.shadeClose){var c=t[i]("layui-m-layershade")[0];l.touch(c,function(){layer.close(n.index,e.end)})}e.end&&(l.end[n.index]=e.end)},e.layer={v:"2.0",index:r,open:function(e){var t=new c(e||{});return t.index},close:function(e){var n=a("#"+o[0]+e)[0];n&&(n.innerHTML="",t.body.removeChild(n),clearTimeout(l.timer[e]),delete l.timer[e],"function"==typeof l.end[e]&&l.end[e](),delete l.end[e])},closeAll:function(){for(var e=t[i](o[0]),n=0,a=e.length;n<a;n++)layer.close(0|e[0].getAttribute("index"))}},"function"==typeof define?define(function(){return layer}):function(){var e=document.scripts,n=e[e.length-1],i=n.src,a=i.substring(0,i.lastIndexOf("/")+1);n.getAttribute("merge")||document.head.appendChild(function(){var e=t.createElement("link");return e.href=a+"need/layer.css?2.0",e.type="text/css",e.rel="styleSheet",e.id="layermcss",e}())}()}(window);
\ No newline at end of file
guodongRecharge/layer-v3.1.0/layer/mobile/need/layer.css 0 → 100644
.layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
\ No newline at end of file
guodongRecharge/lib/fsize.js 0 → 100644
/*function setRemFontSize(baseSize, baseWidth) {
var baseSize = baseSize || 37.5,
baseWidth = baseWidth || 375,
clientWidth = document.documentElement.clientWidth <= 480 ? document.documentElement.clientWidth : 480;
document.getElementsByTagName('html')[0].style.fontSize = clientWidth * baseSize / baseWidth + 'px'
}
setRemFontSize();
window.addEventListener("resize", function() {
setTimeout(function() {
setRemFontSize();
}, 200)
});*/
!function(e,t){function i(){var t=n.getBoundingClientRect().width;t/m>540&&(t=540*m);var i=t/10;n.style.fontSize=i+"px",d.rem=e.rem=i}var a,r=e.document,n=r.documentElement,o=r.querySelector('meta[name="viewport"]'),l=r.querySelector('meta[name="flexible"]'),m=0,s=0,d=t.flexible||(t.flexible={});if(o){console.warn("将根据已有的meta标签来设置缩放比例");var p=o.getAttribute("content").match(/initial\-scale=([\d\.]+)/);p&&(s=parseFloat(p[1]),m=parseInt(1/s))}else if(l){var c=l.getAttribute("content");if(c){var u=c.match(/initial\-dpr=([\d\.]+)/),f=c.match(/maximum\-dpr=([\d\.]+)/);u&&(m=parseFloat(u[1]),s=parseFloat((1/m).toFixed(2))),f&&(m=parseFloat(f[1]),s=parseFloat((1/m).toFixed(2)))}}if(!m&&!s){var v=(e.navigator.appVersion.match(/android/gi),e.navigator.appVersion.match(/iphone/gi)),h=e.devicePixelRatio;m=v?h>=3&&(!m||m>=3)?3:h>=2&&(!m||m>=2)?2:1:1,s=1/m}if(n.setAttribute("data-dpr",m),!o)if(o=r.createElement("meta"),o.setAttribute("name","viewport"),o.setAttribute("content","initial-scale="+s+", maximum-scale="+s+", minimum-scale="+s+", user-scalable=no"),n.firstElementChild)n.firstElementChild.appendChild(o);else{var x=r.createElement("div");x.appendChild(o),r.write(x.innerHTML)}e.addEventListener("resize",function(){clearTimeout(a),a=setTimeout(i,300)},!1),e.addEventListener("pageshow",function(e){e.persisted&&(clearTimeout(a),a=setTimeout(i,300))},!1),"complete"===r.readyState?r.body.style.fontSize=12*m+"px":r.addEventListener("DOMContentLoaded",function(e){r.body.style.fontSize=12*m+"px"},!1),i(),d.dpr=e.dpr=m,d.refreshRem=i,d.rem2px=function(e){var t=parseFloat(e)*this.rem;return"string"==typeof e&&e.match(/rem$/)&&(t+="px"),t},d.px2rem=function(e){var t=parseFloat(e)/this.rem;return"string"==typeof e&&e.match(/px$/)&&(t+="rem"),t}}(window,window.lib||(window.lib={}));
\ No newline at end of file
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