<!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/login.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body style="background: #F0F1F4;">
<div class="neck-nav">
<div class="neck-nav-content">
<a href="https://www.footseen.xyz/yazhaiTest/pc.html"><img class="logo" src="../images/logo.png" alt=""></a>
<div class="nav-login-big-box">
<!-- <div style="display: none;" class=nav-login-btn>登入/註冊</div>
<div style="display: none;" class="nav-login">
<img class="nav-login-face" src="" alt="">
<div class="nav-login-more">
<div class="nav-login-more-jiao"></div>
<div class="nav-login-more-top">
<img class="login-more-top-face" src="" alt="">
<p class="login-more-top-p1">主播暱稱預留</p>
<p class="login-more-top-p2">ID:246524</p>
</div>
<div class="login-more-content-box">
<div data-type="1">用戶中心</div>
<div data-type="2">儲值中心</div>
<div data-type="3">我的追蹤</div>
<div data-type="4">登出</div>
</div>
</div>
</div> -->
</div>
</div>
</div>
<div class="m-box">
<div style="height: 60px;"></div>
<h2 class="reg-h2"><div class="line"></div>我的露水</h2>
<div class="dew-box">
<div class="dew-box-top">
<img class="dew-face" src="images/face.png" alt="">
<div class="dew-top-text1"></div>
<div class="dew-top-text2"></div>
<div class="diamond-p"><img src="images/diamond.png"> 寶石 : <span></span> <a href="../reg/index.html"><div class="dew-reg">儲值</div></a></div>
<div class="dew-p"><img src="images/dew.png" alt=""> 露水 : <span></span></div>
</div>
<div class="dew-exc-box clearfix">
<div data-type="1" class="dew-exc-btn-click">買入露水 <div class="dew-exc-btn-line"></div></div>
<div data-type="2">賣出露水 <div class="dew-exc-btn-line"></div></div>
</div>
<ul class="dew-exc-ul clearfix">
<!-- <li data-type="0">
<p>全部買入</p>
<p>消耗<span class="all-diamond"></span>寶石</p>
<img class="exc-click-icon" src="images/click.png" alt="">
</li>
<li data-type="10">
<p><img src="images/dew.png" alt="">1000</p>
<p>消耗10寶石</p>
<img class="exc-click-icon" src="images/click.png" alt="">
</li>
<li data-type="30">
<p><img src="images/dew.png" alt="">3000</p>
<p>消耗30寶石</p>
<img class="exc-click-icon" src="images/click.png" alt="">
</li>
<li data-type="50">
<p><img src="images/dew.png" alt="">5000</p>
<p>消耗50寶石</p>
<img class="exc-click-icon" src="images/click.png" alt="">
</li>
<li data-type="100">
<p><img src="images/dew.png" alt="">10000</p>
<p>消耗100寶石</p>
<img class="exc-click-icon" src="images/click.png" alt="">
</li>
<li data-type="500">
<p><img src="images/dew.png" alt="">50000</p>
<p>消耗500寶石</p>
<img class="exc-click-icon" src="images/click.png" alt="">
</li>
<li data-type="1000">
<p><img src="images/dew.png" alt="">100000</p>
<p>消耗1000寶石</p>
<img class="exc-click-icon" src="images/click.png" alt="">
</li>
<li data-type="3000">
<p><img src="images/dew.png" alt="">300000</p>
<p>消耗3000寶石</p>
<img class="exc-click-icon" src="images/click.png" alt="">
</li> -->
</ul>
<p class="exc-tips">100露水 <img src="images/exc-icon.png" alt=""> 1寶石</p>
<div class="exc-btn">確認買入</div>
<div style="height: 50px;"></div>
</div>
</div>
<div class="login-content">
</div>
</body>
<script src="../lib/jquery-3.1.1.min.js"></script>
<script src="../layer-v3.1.0/layer/layer.js"></script>
<script src="../lib/default.js?v='20220407'"></script>
<script src="../lib/login.js"></script>
<script>
$(function(){
loginGo()
buyDew()
var diamondNum=null
var excNum=null
var dewNum=null
var type=1
$.ajax({
url:$ip+'user/queryUserBaseInfo',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
},
success:function(data){
console.log('获取用户基本信息',data)
$(".dew-face").attr("src","https://zhibocdn.yabolive.net/comm"+data.userData.face+"?x-oss-process=image/resize,w_88")
$(".dew-top-text1").text(data.userData.nickname)
$(".dew-top-text2").text('Footseen ID:'+data.userData.uid)
}
})
$(".dew-exc-box >div").on("click",function(){
var _self=$(this);
$(".dew-exc-box >div").removeClass("dew-exc-btn-click")
_self.addClass("dew-exc-btn-click")
if(_self.attr("data-type")==1){
excNum=null
buyDew()
type=1
$(".exc-btn").text("確認買入")
}
else if(_self.attr("data-type")==2){
excNum=null
sellDew()
type=2
$(".exc-btn").text("確認賣出")
}
})
$(".exc-btn").on("click",function(){
if(type==1){
if(excNum==null){
layer.msg("請選擇您要兌換的露水")
return;
}
$.ajax({
url:$ip+'user/chip/buy',
data:{
uid:localStorage.uid,
token:localStorage.token,
pid:excNum,
pageID: localStorage.canvasCode
},
success:function(data){
console.log('宝石兑换露水',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
$(".dew-exc-ul li").removeClass("dew-exc-click")
excNum=null
layer.msg("兌換成功！")
myDiamond()
buyDew()
}
})
}
if(type==2){
if(excNum==null){
layer.msg("請選擇您要兌換的寶石")
return;
}
$.ajax({
url:$ip+'user/chip/sell',
data:{
uid:localStorage.uid,
token:localStorage.token,
pid:excNum,
pageID: localStorage.canvasCode
},
success:function(data){
console.log('露水兌換寶石',data)
if(data.code!=1){
layer.msg(data.msg)
return;
}
$(".dew-exc-ul li").removeClass("dew-exc-click")
excNum=null
layer.msg("兌換成功！")
myDiamond()
sellDew()
}
})
}
})
myDiamond()
function myDiamond(){
$.ajax({
url:$ip+'gift/getUserDiamondNum',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageID: localStorage.canvasCode
},
success:function(data){
console.log('剩余寶石数',data)
$(".diamond-p span").text(data.diamond_num)
$(".dew-p span").text(data.chip_num)
$(".all-diamond").text(data.diamond_num)
diamondNum=data.diamond_num
dewNum=data.chip_num
}
})
}
function buyDew(){
$.ajax({
url:$ip+'setting/exchange/chip/buy',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
},
success:function(data){
console.log("获取买入露水兑换点",data)
var html=[];
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i]
if(list.expend==-1){
html+='<li data-type="'+list.pid+'">';
html+='<p>全部買入</p>';
html+='<p>消耗<span class="all-diamond">'+diamondNum+'</span>寶石</p>';
html+='<img class="exc-click-icon" src="images/click.png" alt="">';
html+='</li>';
continue;
}
html+='<li data-type="'+list.pid+'">';
html+='<p><img src="images/dew.png" alt="">'+list.point+'</p>';
html+='<p>消耗'+list.expend+'寶石</p>';
html+='<img class="exc-click-icon" src="images/click.png" alt="">';
html+='</li>';
}
$(".dew-exc-ul").html(html);
$(".dew-exc-ul li").unbind("click").on("click",function(){
var _self=$(this);
$(".dew-exc-ul li").removeClass("dew-exc-click")
_self.addClass("dew-exc-click")
excNum=_self.attr("data-type")
})
}
})
}
function sellDew(){
$.ajax({
url:$ip+'setting/exchange/chip/sell',
data:{
uid:localStorage.uid,
token:localStorage.token,
pageID:localStorage.canvasCode,
},
success:function(data){
console.log('露水兑换宝石',data)
var html=[];
for(var i=0;i<data.dataList.length;i++){
var list=data.dataList[i]
if(list.expend==-1){
html+='<li data-type="'+list.pid+'">';
html+='<p>全部兌換</p>';
html+='<p>消耗<span class="all-diamond">'+dewNum+'</span>露水</p>';
html+='<img class="exc-click-icon" src="images/click.png" alt="">';
html+='</li>';
continue;
}
html+='<li data-type="'+list.pid+'">';
html+='<p><img src="images/diamond.png" alt="">'+list.point+'</p>';
html+='<p>消耗'+list.expend+'露水</p>';
html+='<img class="exc-click-icon" src="images/click.png" alt="">';
html+='</li>';
}
$(".dew-exc-ul").html(html);
$(".dew-exc-ul li").unbind("click").on("click",function(){
var _self=$(this);
$(".dew-exc-ul li").removeClass("dew-exc-click")
_self.addClass("dew-exc-click")
excNum=_self.attr("data-type")
})
}
})
}
})
</script>
</html>