<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>丫播充值登录</title>
<meta name="keywords" content="一对一直播,压寨直播,直播,泡泡宝盒,美女直播,美女视频,月光宝盒,视频直播,一直播,老虎直播,美女直播间,丫播直播">
<meta name="description" content="丫播直播，一个聚集超高颜值明星大咖、美女帅哥、热门网红、校花校草、逗比萌妹的手机直播社交平台，这里有美女单播、美女声播、才艺展示、生活趣闻、聊天互动、唱歌跳舞等等海量内容。丫播直播，美颜直播，创造主播潮流。">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link rel="stylesheet" href="css/base.css"/>
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/phonepay.css?v='20180710'">
<script src="lib/fsize.js"></script>
</head>
<body class="alipay">
<div class="bg">
<ul class="login-ul">
<li>账号验证 </li>
<li style="color: #111111;"> > 充值金额</li>
<li> > 充值完成</li>
</ul>
<div class="payfor-face">
<img class="payfor-img" src="images/ping.png" alt="">
<span class="payfor-name"></span>
</div>
<div class="payfor-content">
<ul class="payfor-ul clearfix">
<!--<li class="payfor-click">-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
<!--<li>-->
<!--<img class="payfor-best" src="images/pay-best.png" alt="">-->
<!--<p class="payfor-rmb">¥30</p>-->
<!--<p class="payfor-zuan">300橙钻（送1000银币）</p>-->
<!--</li>-->
</ul>
</div>
<div class="payfor-more">
<p>选择支付方式</p>
<ul class="clearfix payfor-more-ul">
<li><img src="images/weichar.png" alt=""><i style="display: none">weipay</i> 微信支付</li>
<li><img src="images/alipay.png" alt=""><i style="display: none">alipay</i> 支付宝</li>
</ul>
</div>
<div class="payfor-button-box">
<button class="login-btn">下一步</button>
<button class="payfor-btn-out">上一步</button>
<p style="color: #ff6600; margin-top: 0.4rem;font-size:0.3rem;text-align: center">*如果出现充值问题，请登录丫播YaboLive并联系客服</p>
</div>
</div>
<div style="display: none" class="paybox">
<p>确认给以下账号充值</p>
<div>
<div class="layer-face"><img class="layer-img" src="../images/rechlogo.png" alt="丫播头像"/></div>
<div class="layer-uid">
<p class="layer-name"></p>
<p style="color: #8F8F8F;">Yabo ID: <span class="layer-uid2"></span> </p>
<button class="payfor-ok">确认</button>
</div>
</div>
</div>
<div class="pay-end" style="display: none">
<p class="p1">请确认微信支付是否已完成</p>
<p class="p2">已完成支付</p>
<p class="p3">支付遇到问题，重新支付</p>
</div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../lib/jquery.cookie.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";
moneyBl=false;
payBl=false;
payOk=false;
//获取用户资料
if(sessionStorage.uid){
$(".payfor-img").attr("src",sessionStorage.face)
$(".payfor-name").text(sessionStorage.name)
$(".layer-img").attr("src",sessionStorage.face)
$(".layer-name").text(sessionStorage.name)
$(".layer-uid2").text(sessionStorage.uid)
}else{
$(".payfor-img").attr("src",$.cookie('face'))
$(".payfor-name").text($.cookie('name'))
$(".layer-img").attr("src",$.cookie('face'))
$(".layer-name").text($.cookie('name'))
$(".layer-uid2").text($.cookie('uid'))
sessionStorage.uid=$.cookie('uid')
}
//获取充值列表
$.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>'
if(msg.data.third[i].sale==1){
html+='<img class="payfor-best" src="images/pay-best.png" alt="">'
}
html+='<p class="payfor-rmb">¥'+msg.data.third[i].amount+'</p>'
if(msg.data.third[i].addnum==0){
if(msg.data.third[i].coinnum!=0){
html+='<p class="payfor-zuan">'+msg.data.third[i].diamond+'橙钻（送'+msg.data.third[i].coinnum+'银币）</p>'
}else{
html+='<p class="payfor-zuan">'+msg.data.third[i].diamond+'橙钻</p>'
}
}else{
html+='<p class="payfor-zuan">'+msg.data.third[i].diamond+'橙钻 <span style="color: #ff6600;">（送'+msg.data.third[i].addnum+'橙钻）</span></p>'
}
html+='<i style="display: none">'+msg.data.third[i].amount+'</i>'
html+='</li>'
}
$(".payfor-ul").html(html);
$(".payfor-ul li").on("click", function () {
moneyBl=true;
$(this).siblings("li").removeClass("payfor-click");
$(this).addClass("payfor-click");
amount= $(this).children("i").text()
console.log(amount)
if(moneyBl&&payBl){
$(".login-btn").addClass("login-btn-go");
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: 'yourclass',
area : ['5.75rem','4.17rem'],
content:$('.paybox'),
});
}
})
}
})
$(".payfor-more-ul li").on("click", function () {
payBl=true;
$(this).siblings("li").removeClass("pay-click");
$(this).addClass("pay-click");
sessionStorage.pay=$(this).children("i").text()
if(moneyBl&&payBl){
$(".login-btn").addClass("login-btn-go");
layer.open({
type: 1,
title: false,
shadeClose: false,
skin: 'yourclass',
area : ['5.75rem','4.17rem'],
content:$('.paybox'),
});
}
})
$(".payfor-ok").on("click", function () {
layer.closeAll();
payOk=true;
})
$(".login-btn").on("click", function () {
if(payOk){
if(sessionStorage.pay=="alipay"){
// window.open($ip+"/order/h5/alipay.html?"+"uid="+sessionStorage.uid+"&amount="+amount);
$.ajax({
url:$ip+"/order/h5/alipay.html",
dataType:"json",
type:"get",
data:{
'uid':sessionStorage.uid,
'amount':amount,
'pkg':'paytest',
},
success: function (msg) {
console.log(msg);
var html=[];
html+=msg.html;
$(".alipay").html(html);
}
})
}else if(sessionStorage.pay=="weipay"){
$.ajax({
url:$ip+"/order/h5/wechat.html",
dataType:"json",
type:"post",
data:{
'uid':sessionStorage.uid,
'amount':amount,
'pkg':'paytest',
},
success: function (msg) {
console.log(msg);
window.location.href=msg.result.payInfo.url;
}
})
}
}
})
$(".payfor-btn-out").on("click", function () {
window.location.href="login.html"
})
</script>
</html>