<!doctype html>
<html lang="zh">
<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/weui.min.css">
<script src="js/in.js"></script>
<script src="js/jquery.min.js"></script>
<style>
@font-face{font-family: numberfont;src: url('font/ds.ttf');}
html, body{width:100%;height:100%}
html{background: linear-gradient(to bottom, #fff 0%,#F3F5F0 100%); background: -webkit-linear-gradient(top, #fff 0%,#F3F5F0 100%);}
h1,h2,h3,h5,h4{font-weight:normal;}
.ro{border-radius:50%;}
.btn_re{width:80%;margin:10px auto;}
.m-dl{width:100%;height:30px;text-align:center;font-size:10px;color:#ccc;}
.m-dl h2{font-weight:normal;}
.cell_hd{display:inline-block;width:49%;text-align:center;}
.cell_hd:first-child{border-right:1px solid #ececec;}
.cell_hd h5{font-weight:normal;}
.cell_hd h4{font-weight:normal;font-family:numberfont;font-size:18px;}
.cell_hd h4 span{font-size:10px;color:#666;}
.bonds{width:100%;height:auto;margin:10px 0;padding:10px 0}
.tips{text-align:right;}
.tips-cont{width:100%;font-size:10px;color:#ccc;}
.disable{background:#ccc;}
.panel,.dialog-box{display:none;}
.weui_cells:after { border-bottom: none;}
.num{position: relative;}
.info{width:100%;height:50px;margin-top:10px;}
.info img{width:40px;height:40px;border-radius:50%;vertical-align: top;display:inline-block}
.info h4{height:40px;line-height:40px;width:200px;display:inline-block;}
.weui_cells_form h1{width:100%;text-align:center;font-size:20px;}
.mark{color:#ff6600;font-family:numberfont;}
.s{font-size:10px;color:#ccc;}
.main{width:80%;margin:0 auto 50px;}
.box{height:100px;margin:0 auto;}
.box .i{width:100%;height:20px;font-size:15px;color:#333;line-height:20px;}
.box h1{width:100%;height:80px;line-height:80px;font-size:70px;color:#ccc;text-align:center;}
h1.title{color:#1C86EE;font-size:15px;}
</style>
</head>
<body>
<div id="panel" class="panel">
<div class="main">
<div class="info">
<img id="face" src="">
<h4 id="nickname"><span style="font-size:12px;" id="uid"></span></h4>
</div>
<h1 class="title" id="title">fajsfja<h1>
<div class="box">
<h3 class="i">有效时长<span class="s">(小时)</span></h3>
<h1><span class="mark" id="time">0</span><h1>
</div>
<div class="box" style="margin-top:20px;">
<h3 class="i">有效天数<span class="s">(天)</span></h3>
<h1><span class="mark" id="day">0</span><h1>
</div>
<div class="box" style="margin-top:20px;">
<h3 class="i">获得小劵<span class="s">(劵)</span></h3>
<h1><span class="mark" id="charm">0</span><h1>
</div>
</div>
<div class="btn_re"> <a href="javascript:void(0);" class="weui_btn weui_btn_primary" data-time="0">今日</a></div>
<div class="btn_re"> <a href="javascript:void(0);" class="weui_btn weui_btn_primary" data-time="1">本周</a></div>
<div class="btn_re"> <a href="javascript:void(0);" class="weui_btn weui_btn_primary" data-time="2">上周</a></div>
<div class="btn_re"> <a href="javascript:void(0);" class="weui_btn weui_btn_primary" data-time="3">本月</a></div>
<div class="m-dl">
<h2>©2019丫播娱乐</h2>
</div>
</div>
<div class="weui_dialog_alert dialog-box" id="tips">
<div class="weui_mask"></div>
<div class="weui_dialog">
<div class="weui_dialog_hd"><strong class="weui_dialog_title">提示</strong></div>
<div class="weui_dialog_bd"><span id="a-msg"></span></div>
<div class="weui_dialog_ft">
<a href="#" class="weui_btn_dialog primary" id="ok">确定</a>
</div>
</div>
</div>
<div class="weui_dialog_confirm dialog-box">
<div class="weui_mask"></div>
<div class="weui_dialog">
<div class="weui_dialog_hd"><strong class="weui_dialog_title">温馨提示</strong></div>
<div class="weui_dialog_bd" id="c-msg">
</div>
<div class="weui_dialog_ft">
<a href="#" class="weui_btn_dialog default" id="cancel">取消</a>
<a href="#" class="weui_btn_dialog primary" id="confirm">确定</a>
</div>
</div>
</div>
<div style="display:none;" class="weui_loading_toast" id="loadingToast">
<div class="weui_mask_transparent"></div>
<div class="weui_toast">
<div class="weui_loading">
<div class="weui_loading_leaf weui_loading_leaf_0"></div>
<div class="weui_loading_leaf weui_loading_leaf_1"></div>
<div class="weui_loading_leaf weui_loading_leaf_2"></div>
<div class="weui_loading_leaf weui_loading_leaf_3"></div>
<div class="weui_loading_leaf weui_loading_leaf_4"></div>
<div class="weui_loading_leaf weui_loading_leaf_5"></div>
<div class="weui_loading_leaf weui_loading_leaf_6"></div>
<div class="weui_loading_leaf weui_loading_leaf_7"></div>
<div class="weui_loading_leaf weui_loading_leaf_8"></div>
<div class="weui_loading_leaf weui_loading_leaf_9"></div>
<div class="weui_loading_leaf weui_loading_leaf_10"></div>
<div class="weui_loading_leaf weui_loading_leaf_11"></div>
</div>
<p class="weui_toast_content">查询中</p>
</div>
</div>
<script>
var uid;
var url="https://taskweb.ishuaji.cn/remote/livertime";
$(function(){
$(".weui_btn").click(function(){
var type=$(this).attr("data-time");
getdata(type);
});
uid = sessionStorage.bbb;
$("#face").attr("src","https://zhibocdn.ishuaji.cn/comm"+sessionStorage.face);
$("#nickname").text("("+sessionStorage.nickname+")");
init();
});
function init(){
$.ajax({
url: url,
dataType: "json",
data: {uid:uid,type:0},
type: "get",
success: function(data) {
if(data.code==1){
$("#panel").show();
$("#title").text(data.items+"("+data.start+"至"+data.end+")");
$("#time").text(data.hour);
$("#day").text(data.day);
$("#charm").text(data.bonds);
}else{
dialog(1,data.msg);
}
},
error: function() {
dialog(1,"抱歉，服务器无响应,请稍后再试");
}
});
}
function getdata(type){
$("#loadingToast").show();
$.ajax({
url: url,
dataType: "json",
data: {uid:uid,type:type},
type: "POST",
success: function(data) {
if(data.code==1){
$("#loadingToast").hide();
$("#title").text(data.items+"("+data.start+"至"+data.end+")");
$("#time").text(data.hour);
$("#day").text(data.day);
$("#charm").text(data.bonds);
}else{
$("#loadingToast").hide();
dialog(1,data.msg);
}
},
error: function() {
$("#loadingToast").hide();
dialog(1,"我联系不上服务器啦");
}
});
}
function dialog(type,msg){
if(type==1){
$("#a-msg").html(msg);
$("#tips").show();
$("#ok").click(function(){
$(".dialog-box").hide();
});
}
if(type==2){
$("#c-msg").html(msg);
$(".weui_dialog_confirm").show();
$("#cancel").click(function(){
$(".dialog-box").hide();
$("#cancel").unbind("click");
});
$("#confirm").click(function(){
$(".dialog-box").hide();
$("#confirm").unbind("click");
});
}
}
</script>
</body>
</html>