<!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">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v='2018090409'">
<script src="lib/fsize.js"></script>
<title>兌換黃金螢火蟲</title>
<style>
.yourclass2{
border-radius: 0.3rem !important;
top: 25% !important;
}
.layui-layer-close2{
display: none !important;
}
</style>
</head>
<body>
<div style="width: 10rem;" class="bg">
<div class="top"></div>
<div class="exc-box">
<img src="images/gold.png" alt="">
<span>黃金螢火蟲</span>
<input style="vertical-align: middle" type="number" onkeyup="value=value.replace(/[^\d]/g,'')" class="poin-ipt" placeholder="0">
</div>
<div class="exc-box">
<img src="images/dev.png" alt="">
<span>露水</span>
<input style="font-size: 0.6rem;top: 0.65rem;" class="dew-ipt" type="text" disabled>
</div>
<p class="exc-p">
<span class="exc-p-l">剩餘露水 <span class="dew">--</span>，<span class="exc-more">全部兌換</span></span>
<span class="exc-p-r"><span class="bili">--</span> 露水 =1 黃金螢火蟲</span>
</p>
<div class="exc-btn-box">
<button class="exc-btn">確定兌換</button>
</div>
</div>
<div style="display:none" class="layer-box2">
<div class="layer-box-top">
<p style="padding-top: 1rem;">確認花費 <span class="layer-dew">--</span> 露水兌換 <span class="layer-gold">--</span> 黃金螢火蟲么？</p>
<!--<p style="padding-top: 0.7rem;">花費：<span class="layer-dew">386223</span> <img style="width: 0.8rem;vertical-align: middle;margin-top: -0.1rem;" src="images/dev.png" alt=""></p>-->
<!--<p style="margin-top: 0.3rem">兌換：<span class="layer-gold">20</span> <img style="width: 0.8rem;vertical-align: middle;margin-top: -0.1rem;" src="images/gold.png" alt=""></p>-->
</div>
<div class="layer-box-b">
<div class="layer-box2-no">取消</div>
<div class="layer-box2-yes">繼續</div>
</div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer/layer.js"></script>
<script>
// $ip="http://ceshi.yabolive.tv/web";
$ip = "https://webserver.yabolive.net";
cdn="https://zhibocdn.yabolive.net/comm/"
if(sessionStorage.bbb==undefined){
var bbb = location.href;
var data = url_get_params(bbb)
sessionStorage.kkk = data.method; //t
if(data.method==undefined){
sessionStorage.kkk=data.token;
}
sessionStorage.bbb = data.uid; //u
}
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;
}
$(".poin-ipt").focus()
$(".poin-ipt").select();
$.ajax({
url:$ip+"/user/getUserInfo.html",
data:{
uid:sessionStorage.bbb,
token:sessionStorage.kkk,
'cid':"web_gw",
'os':"WEB",
'lang':2,
'vest':0,
},
dataType:"json",
type:"post",
error: function (msg) {
console.log('请求出错');
},
success: function (msg) {
// var data=JSON.parse(msg);
console.log(msg)
$(".dew").text(msg.data.chip);
chip=msg.data.chipexchange;
$(".bili").text(chip);
dewMax=Math.floor(msg.data.chip/chip)
if(dewMax!=0){
$(".poin-ipt").val(dewMax)
}
var dewMun=$(".poin-ipt").val()*chip;
if(dewMun!=0){
$(".dew-ipt").val(dewMun)
}
if(dewMax==0){
$(".exc-btn").css("opacity","0.7")
}
}
})
$(".exc-more").on("click", function () {
$(".poin-ipt").val(dewMax);
var dewMun=$(".poin-ipt").val()*chip;
$(".dew-ipt").val(dewMun)
return
})
$(".poin-ipt").on("input", function () {
if($(".poin-ipt").val()==0){
$(".poin-ipt").val("");
}
$(".exc-btn").css("opacity","1")
if($(".poin-ipt").val()>dewMax){
$(".poin-ipt").val(dewMax)
var dewMun=$(".poin-ipt").val()*chip;
$(".dew-ipt").val(dewMun)
layer.msg("已經到達最大值")
}else{
var dewMun=$(".poin-ipt").val()*chip;
$(".dew-ipt").val(dewMun)
}
if($(".poin-ipt").val()==""){
$(".exc-btn").css("opacity","0.7")
}
})
$(".exc-btn").on("click", function () {
if($(".poin-ipt").val()!=""&&$(".poin-ipt").val()!=0){
setTimeout(function () {
$(".layer-dew").text($(".dew-ipt").val());
$(".layer-gold").text($(".poin-ipt").val());
layer.open({
type: 1,
title: false,
shadeClose: false,
skin: 'yourclass2',
area : ['7.2rem','4.35rem'],
content:$(".layer-box2"),
});
},300)
}else{
layer.msg("請輸入需要兌換的數量")
}
})
$(".layer-box2-yes").on("click", function () {
$(".layer-box2-yes").attr("disabled",'disabled')
$.ajax({
url:$ip+"/user/exchangefirefly.html",
data:{
uid:sessionStorage.bbb,
num:$(".poin-ipt").val(),
token:sessionStorage.kkk,
'cid':"web_gw",
'os':"WEB",
'lang':2,
},
type:"post",
error: function (msg) {
console.log('请求出错');
},
success: function (msg) {
var data=JSON.parse(msg);
console.log(data)
if(data.code==1){
layer.msg("兌換成功！");
$(".poin-ipt").val("");
$(".dew-ipt").val("");
setTimeout(function () {
layer.closeAll();
$(".layer-box2-yes").removeAttr("disabled")
},1000)
$(".dew").text(data.chip);
dewMax=Math.floor(data.chip/chip)
}else{
layer.msg(decodeURI(data.msg));
}
}
})
})
$(".layer-box2-no").on("click", function () {
layer.close(layer.index);
})
</script>
</html>