<!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>疯狂双11</title>
<script src="lib/fsize.js"></script>
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/layer.css">
<link rel="stylesheet" href="css/daily.css">
<link rel="stylesheet" href="css/liMarquee.css">
<link rel="stylesheet" href="css/index.css?v=202007251058">
<style>
.layui-layer-shade {
opacity: 0.7 !important;
}
.yourclass5 {
border-radius: 0rem !important;
background: rgba(0, 0, 0, 0) !important;
}
.yourclass6{
border-radius: 0rem !important;
background: rgba(0, 0, 0, 0) !important;
left: 1.6rem !important;
}
.yourclass5 .layui-layer-content {
border-radius: 0rem !important;
}
</style>
</head>
<body style='background: #CC2235;'>
<img class="e-ref" src="images/ref.png" alt="">
<div class="banner">
<div class="top-btn1"><div></div><div></div></div>
</div>
<div class="big-box1">
<div class="stage"></div>
<div class="time-box1">
<span></span>
<span></span>
<span></span>
</div>
<div class="buy-box">
<img class="result" src="images/result.png" alt="">
<div class="buy-content">
<img class="buy-question" src="images/question.png" alt="">
<ul class="gift-box-ul">
<li>
<div class="li-content">
<i>0</i>
<img class="add-btn" src="images/add.png" alt="">
<input oninput="value=value.replace(/[^\d]/g,'')" maxlength="3" class="li-num-box" type="type">
<img class="less-btn" src="images/less.png" alt="">
</div>
</li>
<li>
<div class="li-content">
<i>1</i>
<img class="add-btn" src="images/add.png" alt="">
<input oninput="value=value.replace(/[^\d]/g,'')" maxlength="3" class="li-num-box" type="type">
<img class="less-btn" src="images/less.png" alt="">
</div>
</li>
<li>
<div class="li-content">
<i>2</i>
<img class="add-btn" src="images/add.png" alt="">
<input oninput="value=value.replace(/[^\d]/g,'')" maxlength="3" class="li-num-box" type="type">
<img class="less-btn" src="images/less.png" alt="">
</div>
</li>
<li>
<div class="li-content">
<i>3</i>
<img class="add-btn" src="images/add.png" alt="">
<input oninput="value=value.replace(/[^\d]/g,'')" maxlength="3" class="li-num-box" type="type">
<img class="less-btn" src="images/less.png" alt="">
</div>
</li>
<li>
<div class="li-content">
<i>4</i>
<img class="add-btn" src="images/add.png" alt="">
<input oninput="value=value.replace(/[^\d]/g,'')" maxlength="3" class="li-num-box" type="type">
<img class="less-btn" src="images/less.png" alt="">
</div>
</li>
</ul>
</div>
<div class="bottom-nav-no">
<span class="bottom-nav-no-span1">
<img class="bottom-nav-face" src="images/face.png" alt="">
<img class="bottom-diamond" src="images/diamond.png" alt=""> <span class="my-money"></span>>
</span>
<span class="bottom-nav-no-span2"><i>未选购礼物</i><img class="bottom-icon" src="images/bottom-icon.png" alt=""></span>
</div>
<div style="display: none;" class="bottom-nav">
<div class="bottom-nav-top">已减XX橙钻</div>
<span class="bottom-nav-span1">
<div class="nav-num">0</div>
<img class="bottom-nav-face" src="images/face.png" alt="">
<img class="bottom-diamond" src="images/diamond.png" alt=""> <span class="happy-money">123456</span> <span class="original-money">65432</span>
</span>
<span class="bottom-nav-span2">
<div class="bottom-buy-btn">去结算</div>
</span>
</div>
<div style="height: 1.2rem;"></div>
</div>
<div style="display: none;" class="mc-box">
<div class="gift-box"></div>
<div class="list-top"></div>
<div class="list-content">
<div class="list-title"></div>
<ul class="list-ul">
<li>
<span class="list-span1"><img src="images/m1.png" alt=""></span>
<span class="list-span2">
<img class="mc-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<img class="user-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
</span>
<span class="list-span3">主播昵称预留</span>
<span class="list-span4">12.5万</span>
</li>
<li>
<span class="list-span1"><img src="images/m2.png" alt=""></span>
<span class="list-span2">
<img class="mc-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<img class="user-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
</span>
<span class="list-span3">主播昵称预留</span>
<span class="list-span4">12.5万</span>
</li>
<li>
<span class="list-span1"><img src="images/m3.png" alt=""></span>
<span class="list-span2">
<img class="mc-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<img class="user-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
</span>
<span class="list-span3">主播昵称预留</span>
<span class="list-span4">12.5万</span>
</li>
<li>
<span class="list-span1"><span>4</span></span>
<span class="list-span2">
<img class="mc-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
<img class="user-face" src="https://zhibocdn.lvdou66.com/comm/user/boy.png?x-oss-process=image/resize,w_90" alt="">
</span>
<span class="list-span3">主播昵称预留</span>
<span class="list-span4">12.5万</span>
</li>
</ul>
</div>
<div class="list-bottom"><span class="more-box">查看更多></span></div>
</div>
</div>
<div style="display:none" class="big-box2">
<div class="buy-big-box">
<div class="buy-big-btn"><div></div><div></div></div>
<div class="buy-btn-content">
<div data-type="0" class="buy-btn buy-btn1"></div>
<div data-type="1" class="buy-btn buy-btn2"></div>
<div data-type="2" class="buy-btn buy-btn3"></div>
<div data-type="3" class="buy-btn buy-btn4"></div>
<div data-type="4" class="buy-btn buy-btn5"></div>
<div data-type="5" class="buy-btn buy-btn6"></div>
</div>
</div>
<div style="display: none;" class="lucky-box">
<div class="buy-big-btn"><div></div><div></div></div>
<div class="lucky-text-box">暂无开启宝箱机会</div>
<ul class="lucky-ul">
<li class="lucky-box1 lucky-box1-end"><div class='quan'>1</div></li>
<li class="lucky-box2 lucky-box2-end"><div class='quan'>5</div></li>
<li class="lucky-box3 lucky-box3-end"><div class='quan'>8</div></li>
<li class="lucky-box4 lucky-box4-end"><div class='quan'>8</div></li>
<li class="lucky-box5 lucky-box5-end"><div class='quan'>6</div></li>
<li class="lucky-box6 lucky-box6-end"><div class='quan'>8</div></li>
<li class="lucky-box7 lucky-box7-end"><div class='quan'>3</div></li>
</ul>
</div>
</div>
<div class="bottom-box">如有疑问请联系7*24小时在线客服</div>
<div class="layer-box1">
<div class="layer-box-btn1"></div>
<div class="layer-box-btn2"></div>
</div>
<div class="layer-box2">
<p>请问您是否确认购买<br>共计<span>XXXX</span>橙钻的一折礼物?</p>
<div class="layer-box-btn1"></div>
<div class="layer-box-btn2"></div>
</div>
<div class="layer-rule"></div>
<div class="layer-list">
<ul class="layer-list-ul overflowS">
<!-- <li><span>礼物名称</span><span>1</span><span>已发放</span></li> -->
</ul>
</div>
<div style="display: none;" class="layer-diamond">
<div class="layer-diamond-title">青铜宝箱</div>
<p class="layer-diamond-p1">恭喜您！已成功开启青铜宝箱</p>
<img class="big-diamond" src="images/big-diamond.png" alt="">
<p class="layer-diamond-p2">获得XXX橙钻!</p>
</div>
<div style="display: none;" class="layer-pay">
<img class="close" src="images/close.png" alt="">
<p class="layer-pay-p1">确认支付: xx元</p>
<p class="layer-pay-p2">购买XXX元超值礼包</p>
<ul class="layer-pay-ul">
<li><img data-type='1' class="click-icon" src="images/click-yes.png" alt=""></li>
<li><img data-type='2' class="click-icon" src="images/click-no.png" alt=""></li>
</ul>
<div class="pay-btn">确认支付</div>
</div>
<div class="alipay"></div>
</body>
<script src="lib/jquery-3.1.1.min.js"></script>
<script src="lib/liMarquee.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script src="lib/default.js?v='20200512'"></script>
<script>
$(function(){
var giftMoney=0
var numArr=[0,0,0,0,0]
var richNum=[499,666,888,999,1666]
var giftNum
var giftRich=[
{"gMoney":58,"bMoney":1},
{"gMoney":98,"bMoney":2},
{"gMoney":198,"bMoney":3},
{"gMoney":688,"bMoney":4},
{"gMoney":3998,"bMoney":5},
{"gMoney":15999,"bMoney":6}
]
var giftName=['','青铜宝箱','白银宝箱','黄金宝箱','铂金宝箱','钻石宝箱','大师宝箱','王者宝箱']
console.log(giftRich)
var myDiamond
var buyOk=true;
var pay='weipay'
$.ajax({
url:$ip+'activity/double11/getStage',
success:function(data){
console.log("全局阶段",data)
if (bbb.indexOf("file:///D") > -1) {
// data.stage=2
}
if(data.stage==1){
$(".time-box1").html('<span>'+timeDeal2(data.endtime,data.timestamp)[0]+'</span><span>'+timeDeal2(data.endtime,data.timestamp)[1]+'</span><span>'+timeDeal2(data.endtime,data.timestamp)[2]+'</span>')
$(".e-ref").on("click",function(){
layer.msg("刷新成功")
boxView()
$(".time-box1").html('<span>'+timeDeal2(data.endtime,data.timestamp)[0]+'</span><span>'+timeDeal2(data.endtime,data.timestamp)[1]+'</span><span>'+timeDeal2(data.endtime,data.timestamp)[2]+'</span>')
})
}else{
list()
$(".buy-box").hide()
$(".mc-box").fadeIn(350)
}
}
})
myMoney()
function myMoney(){
$.ajax({
url:$ip+'activity/double11/getUserPurchaseView',
success:function(data){
console.log('用户消息',data)
$(".bottom-nav-face").attr("src","http://zhibocdn.ishuaji.cn/comm"+data.result.avatar+"?x-oss-process=image/resize,h_90")
$(".bottom-nav-no .my-money").text(data.result.diamond)
myDiamond=data.result.diamond;
}
})
}
function result(){
$.ajax({
url:$ip+'activity/double11/getUserOrderLog',
success:function(data){
console.log('获取用户订单',data)
var html=[];
for(var i=0;i<data.result.length;i++){
if(data.result[i].status==1)html+='<li><span>'+data.result[i].giftName+'</span><span>'+data.result[i].num+'</span><span>已发放</span></li>'
else html+='<li><span>'+data.result[i].giftName+'</span><span>'+data.result[i].num+'</span><span>未发放</span></li>'
}
$(".layer-list-ul").html(html);
}
})
}
function list(){
$.ajax({
url:$ip+'activity/double11/getMicRank',
success:function(data){
console.log('双十一带货榜',data)
var html=[];
for(var i=0;i<10;i++){
if(data.result[i]==undefined)break;
var list=data.result[i];
html+='<li>';
html+='<span class="list-span1"><img src="images/m1.png" alt=""></span>';
html+='<span class="list-span2">';
html+='<a href="yazhai://_' + list.mic.uid + '_zone"><img class="mc-face" src="https://zhibocdn.lvdou66.com/comm'+list.mic.icon+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='<a href="yazhai://_' + list.guard.uid + '_zone"><img class="user-face" src="https://zhibocdn.lvdou66.com/comm'+list.guard.icon+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='</span>';
html+='<span class="list-span3">'+list.mic.nick+'</span>';
html+='<span class="list-span4">'+addw(list.mic.score)+'</span>';
html+='</li>';
}
$(".list-ul").html(html);
if(data.result.length>10){
var page=10
$(".more-box").show().unbind("click").on("click",function(){
var html=[];
for(var i=page;i<page+10;i++){
if(data.result[i]==undefined)break;
var list=data.result[i];
html+='<li>';
html+='<span class="list-span1"><img src="images/m1.png" alt=""></span>';
html+='<span class="list-span2">';
html+='<a href="yazhai://_' + list.mic.uid + '_zone"><img class="mc-face" src="https://zhibocdn.lvdou66.com/comm'+list.mic.icon+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='<a href="yazhai://_' + list.guard.uid + '_zone"><img class="user-face" src="https://zhibocdn.lvdou66.com/comm'+list.guard.icon+'?x-oss-process=image/resize,w_90" alt=""></a>';
html+='</span>';
html+='<span class="list-span3">'+list.mic.nick+'</span>';
html+='<span class="list-span4">'+addw(list.mic.score)+'</span>';
html+='</li>';
}
$(".list-ul").append(html);
page+=10
if(page>=data.result.length)$(".more-box").hide()
})
}
}
})
}
function boxView(){
$.ajax({
url:$ip+'activity/double11/getBoxView',
success:function(data){
console.log('幸运宝箱视图',data);
var html=[];
for(var i=0;i<data.result.length;i++){
if(data.result[i].num==0)html+='<li class="lucky-box'+(i+1)+' lucky-box'+(i+1)+'-end"><div class="quan">'+data.result[i].num+'</div></li>';
else html+='<li class="lucky-box'+(i+1)+' lucky-box-ok" data-type="'+data.result[i].lv+'"><div class="quan">'+data.result[i].num+'</div></li>';
}
$(".lucky-ul").html(html);
$(".lucky-box-ok").unbind("click").on("click",function(){
var _self=$(this).attr("data-type")
$.ajax({
url:$ip+'activity/double11/openBox',
data:{
lv:_self
},
success:function(data){
console.log('幸运宝箱抽奖',data)
if(data.code==1){
boxView()
$(".layer-diamond-title").text(giftName[_self])
$(".layer-diamond-p1").text('恭喜您！已成功开启'+giftName[_self]+'')
$(".layer-diamond-p2").text('获得'+data.diamond+'橙钻!')
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["7.08rem", "5.86rem"],
content: $(".layer-diamond"),
end: function () {
$(".layui-layer-shade").hide()
}
})
}else{
layer.msg(data.msg)
}
}
})
})
}
})
}
function geVo(){
$.ajax({
url:$ip+'activity/double11/getRechargeVo',
success:function(data){
console.log('超值礼包视图',data);
var html=[];
for(var i=0;i<data.result.length;i++){
if(data.result[i].state==1) html+='<div data-type="'+i+'" class="buy-btn-no buy-btn'+(i+1)+'"></div>';
else html+='<div data-type="'+i+'" class="buy-btn buy-btn'+(i+1)+'"></div>';
}
$(".buy-btn-content").html(html);
$(".buy-btn").unbind("click").on("click",function(){
giftNum=$(this).attr("data-type")
$(".layer-pay-p1").text("确认支付: "+giftRich[$(this).attr("data-type")].bMoney+"元")
$(".layer-pay-p2").text('购买'+giftRich[$(this).attr("data-type")].gMoney+'元超值礼包')
layer.open({
type: 1,
title: false,
shadeClose: false,
skin: "yourclass5",
area: ["8.77rem", "8.14rem"],
content: $(".layer-pay"),
end: function () {
$(".layui-layer-shade").hide()
}
})
})
$(".buy-btn-no").unbind("click").on("click",function(){
layer.msg('今日已购买,请明日再来')
})
}
})
}
$(".pay-btn").on("click",function(){
if(pay=='weipay'){
$.ajax({
url: "http://test.pay.ishuaji.cn/order/h5/wechat.html",
dataType: "json",
type: "post",
data: {
'uid': sessionStorage.bbb,
'amount': giftRich[giftNum].bMoney,
'pkg':'actpay',
'cid':'actpay',
'os':'h5'
},
success: function (msg) {
console.log(msg);
payOk = true;
window.location.href=msg.result.payInfo.url;
}
})
}else if(pay=='alipay'){
$.ajax({
url: "http://test.pay.ishuaji.cn/order/h5/alipay.html",
dataType: "json",
type: "get",
data: {
'uid': sessionStorage.bbb,
'amount': giftRich[giftNum].bMoney,
'pkg':'actpay',
'cid':'actpay',
'os':'h5'
},
success: function (msg) {
console.log(msg);
var html = [];
payOk = true
html += msg.html;
$(".alipay").html(html);
}
})
}
})
$(".close").on("click",function(){
layer.closeAll();
})
$(".result").on("click",function(){
result()
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["8.88rem", "7rem"],
content: $(".layer-list"),
end: function () {
$(".layui-layer-shade").hide()
}
})
})
$(".buy-question").on("click",function(){
layer.open({
type: 1,
title: false,
shadeClose: true,
skin: "yourclass5",
area: ["8.88rem", "8.16rem"],
content: $(".layer-rule"),
end: function () {
$(".layui-layer-shade").hide()
}
})
})
$(".top-btn1 div").eq(0).on("click",function(){
$(".big-box2").hide()
$(".big-box1").fadeIn(350)
$(".top-btn1").removeClass("top-btn2")
})
$(".top-btn1 div").eq(1).on("click",function(){
$(".big-box1").hide()
$(".big-box2").fadeIn(350)
$(".top-btn1").addClass("top-btn2")
boxView()
geVo()
})
$(".buy-big-box .buy-big-btn div").eq(1).on("click",function(){
$(".buy-big-box").hide()
$(".lucky-box").show()
})
$(".lucky-box .buy-big-btn div").eq(0).on("click",function(){
$(".lucky-box").hide()
$(".buy-big-box").show()
})
$(".layer-pay-ul li").eq(0).on("click",function(){
pay='weipay'
$(".click-icon").eq(1).attr("src","images/click-no.png")
$(".click-icon").eq(0).attr("src","images/click-yes.png")
})
$(".layer-pay-ul li").eq(1).on("click",function(){
pay='alipay'
$(".click-icon").eq(0).attr("src","images/click-no.png")
$(".click-icon").eq(1).attr("src","images/click-yes.png")
})
$(".add-btn").on("click", function () {
if(numArr[$(this).siblings('i').text()]<99){
numArr[$(this).siblings('i').text()]++
$(this).siblings("input").fadeIn(350)
$(this).siblings("img").fadeIn(350)
$(".li-num-box").eq($(this).siblings('i').text()).val(numArr[$(this).siblings('i').text()])
arrRich()
}
})
$(".less-btn").on("click", function () {
if(numArr[$(this).siblings('i').text()]>0){
numArr[$(this).siblings('i').text()]--;
$(".li-num-box").eq($(this).siblings('i').text()).val(numArr[$(this).siblings('i').text()])
if(numArr[$(this).siblings('i').text()]==0){
$(this).siblings("input").fadeOut(350)
$(this).fadeOut(350)
}
arrRich()
}
})
$(".li-num-box").on('input', function () {
if(numArr[$(this).siblings('i').text()]==''){
numArr[$(this).siblings('i').text()]=0;
}
numArr[$(this).siblings('i').text()]=Number($(this).val())
console.log(numArr)
arrRich()
})
$(".li-num-box").on("blur", function () {
if(numArr[$(this).siblings('i').text()]==0){
numArr[$(this).siblings('i').text()]=0;
$(this).siblings(".less-btn").fadeOut(350)
$(this).fadeOut(350)
}
})
$(".bottom-buy-btn").on("click",function(){
if(myDiamond-happyMoney>=0){
$(".layer-box2 p span").text(happyMoney)
layer.open({
type: 1,
title: false,
shadeClose: false,
skin: "yourclass5",
area: ["7.68rem", "3.22rem"],
content: $(".layer-box2"),
end: function () {
$(".layui-layer-shade").hide()
}
})
}else{
layer.open({
type: 1,
title: false,
shadeClose: false,
skin: "yourclass5",
area: ["7.68rem", "3.22rem"],
content: $(".layer-box1"),
end: function () {
$(".layui-layer-shade").hide()
}
})
}
})
$(".layer-box-btn1").on("click",function(){
layer.closeAll()
})
$(".layer-box2 .layer-box-btn2").on("click",function(){
if(buyOk==false)return;
buyOk=false;
$.ajax({
url:$ip+'activity/double11/userMakeOrder',
type: "post",
data:{
orderData:numArr[0]+','+numArr[1]+','+numArr[2]+','+numArr[3]+','+numArr[4],
},
success:function(data){
console.log('用户下单',data)
if(data.code==1){
layer.closeAll()
layer.msg("购买成功!双11零点发货")
setTimeout(function () {
window.location.reload()
},1500)
// buyOk=true
}else{
layer.msg(data.msg)
buyOk=true
}
}
})
})
$(".layer-box1 .layer-box-btn2").on("click",function(){
goReg()
})
function arrRich(){
giftMoney=numArr[0]*richNum[0]+numArr[1]*richNum[1]+numArr[2]*richNum[2]+numArr[3]*richNum[3]+numArr[4]*richNum[4]
lessMoney=Math.floor(giftMoney/400)
happyMoney=giftMoney-lessMoney*50
$(".nav-num").text(numArr[0]+numArr[1]+numArr[2]+numArr[3]+numArr[4])
$(".original-money").text(giftMoney)
$(".happy-money").text(happyMoney)
$(".bottom-nav-top").text('已减'+lessMoney*50+'橙钻')
if(giftMoney!=0){
$(".bottom-nav-no").hide()
$(".bottom-nav").fadeIn(350)
}else{
$(".bottom-nav").hide()
$(".bottom-nav-no").fadeIn(350)
}
}
})
</script>
</html>