<!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 http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Cache" content="no-cache">
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<title>兑换橙钻</title>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/index.css?v=2021051401">
<script src="lib/fsize.js"></script>
<style>
.layui-layer-ico {
display: none !important;
}
.layui-layer{
box-shadow: none !important;
}
.yourclass{
background: rgba(0,0,0,0) !important;
border-radius: 0.4rem !important;
}
.layui-layer-page .layui-layer-content{
border-radius: 0.4rem !important;
}
.yourclass2{
border-radius: 0rem !important;
background: rgba(0,0,0,0) !important;
}
.yourclass2 .layui-layer-content{
border-radius: 0rem !important;
}
</style>
</head>
<body>
<div class="bg">
<div class="diamond-top-box">
<div>
<p>小券</p>
<p class="diamond-bonds">--</p>
</div>
<div>
<p>橙钻</p>
<p class="diamond-tipsNum">--</p>
</div>
</div>
<div class="diamond-tips"></div>
<ul class="diamond-ul">
<li>
<i style="display: none">100</i>
<img src="images/zuan.png" alt=""> 100
<div class="diamond-num-box">1000券</div>
</li>
<li>
<i style="display: none">300</i>
<img src="images/zuan.png" alt=""> 300
<div class="diamond-num-box">3000券</div>
</li>
<li>
<i style="display: none">500</i>
<img src="images/zuan.png" alt=""> 500
<div class="diamond-num-box">5000券</div>
</li>
<li>
<i style="display: none">1000</i>
<img src="images/zuan.png" alt=""> 1000
<div class="diamond-num-box">10000券</div>
</li>
<li>
<i style="display: none">5000</i>
<img src="images/zuan.png" alt=""> 5000
<div class="diamond-num-box">50000券</div>
</li>
</ul>
<!--<div class="layer-diamond-box1">-->
<!--<div class="layer-diamond-content1">-->
<!--<p>小券不足,无法兑换橙钻。</p>-->
<!--</div>-->
<!--<div class="layer-diamond-content2">-->
<!--确定-->
<!--</div>-->
<!--</div>-->
<div class="layer-diamond-box2">
<div class="layer-diamond-content1">
<p>您将使用1000小券兑换100橙钻, <br>确定将扣除小券并充值。</p>
</div>
<div class="layer-diamond-content2">
<div>取消</div>
<div>确定</div>
</div>
</div>
<div class="layer-diamond-box3">
<div>橙钻兑换成功！</div>
<div>确定</div>
</div>
</div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script>
// $ip = 'http://test.api.lvdou66.com/';
// $ip = 'https://zhibo.lvdou66.com/87server/'
$ip = 'https://zhibo.lvdou66.com/';
cdn = 'http://zhibocdn.ishuaji.cn/comm';
var bbb = location.href;
var data = url_get_params(bbb)
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;
}
//ajax设置默认参数
$.ajaxSetup({
global: false,
type: 'post',
data: {
uid:localStorage.uid,
token:localStorage.token
},
dataType:"JSON"
})
//个人信息
myDiamond()
function myDiamond(){
$.ajax({
url:$ip+'account/client/withdraw/info.html',
type:"post",
success: function (data) {
console.log(data)
$(".diamond-bonds").text(data.activebonds)
$(".diamond-tipsNum").text(data.diamond)
}
})
}
$(".layer-diamond-content2 div").eq(0).on("click", function () {
layer.closeAll()
})
$(".layer-diamond-box3 div").eq(1).on("click", function () {
layer.closeAll()
})
$(".diamond-ul li").on("click", function () {
var _self=$(this);
$(".layer-diamond-box2 .layer-diamond-content1 p").html('您将使用'+_self.children("i").text()*10+'小券兑换'+_self.children("i").text()+'橙钻, <br>确定将扣除小券并充值。')
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass",
area: ["7.2rem", "4.2rem"],
content: $(".layer-diamond-box2")
})
$(".layer-diamond-content2 div").eq(1).unbind("click").on("click", function () {
$.ajax({
url:$ip+'account/client/exchange/diamond',
data:{
diamond:_self.children("i").text()
},
success: function (data) {
console.log(data);
if(data.code==1){
layer.closeAll();
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass",
area: ["7.2rem", "3.9rem"],
content: $(".layer-diamond-box3")
})
myDiamond()
}else{
layer.closeAll();
layer.msg(data.msg)
}
}
})
})
})
function appCollaboration(msg) {
var ua = window.navigator.userAgent.toLowerCase();
try{
if (/iphone|ipad|ipod/.test(ua)) {
window.webkit.messageHandlers.appCollaboration.postMessage(msg);
}else if(/android/.test(ua)){
window.yazhai.appCollaboration(msg);
}
}catch (e){}
}
//客户端回调结果
function appCallback(msg) {
console.log(msg);
}
</script>
</html>