feat:初始化项目

This commit is contained in:
dengtongyu committed 2021-08-23 22:05:46 +08:00
commit ca52cf1bc0
486 files changed
+56656

No files matched your search

+263
View File
@@ -0,0 +1,263 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>春游记</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="css/carnival.4a421a03.css">
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/baiduStatis.js"></script>
</head>
<body>
<div class="max">
<div class="topNav topNav1">
<div class="feedback"><img src="./img/carnival/feedback.f82bea0e.png" alt=""></div>
<ul>
<li class="tab active">春暖花开</li>
<li class="tab">满园春色</li>
</ul>
<div class="help"><img src="./img/carnival/rule-btn.e437de88.png" alt=""></div>
</div>
<div class="topNav topNav2">
<div class="help"><img src="./img/carnival/rule-btn.e437de88.png" alt=""></div>
<ul>
<li class="tab active">春暖花开</li>
<li class="tab">满园春色</li>
</ul>
</div>
<div class="scrollMask">
<div class="container"></div>
<script type="text/html" id="scrollTmp">
{{each scrollMaskList}}
{{if scrollMaskList.length === 1}}
<li></li>
{{else}}
<li>
<span>{{$value.nick}}</span>在{{$value.table}}获得<span>{{$value.prizeName}}×{{$value.num}}</span>
</li>
{{/if}}
{{/each}}
</script>
</div>
<div class="rank-btn"><img src="./img/carnival/rank-btn.144d4f90.png" alt=""></div>
<div class="record-btn"><img src="./img/carnival/record-btn.dc96db2d.png" alt=""></div>
<div class="canvas">
<div class="canvas-container">
<div class="turntable">
<div class="container1 first"></div>
<canvas id="table" width="428" height="428"></canvas>
<canvas id="table2" width="428" height="428"></canvas>
<div class="pointer">
<img src="./img/carnival/point.5bff5b55.png" alt="">
</div>
<button class="btn">
<img src="./img/carnival/draw-btn.bab34522.png" alt="">
</button>
</div>
</div>
</div>
<div class="info">
<span>我的门票: <small class="ticketNum">0</small>张</span>
<span id="toIndexBox"></span>
</div>
<script type="text/html" id="toIndexTpl">
<a href="{{'./index.html?uid='+ uid + '&roomUid=' + roomUid}}"><img src="./img/carnival/gather-btn.b6de5efc.png" alt=""></a>
</script>
<div class="turnNum">
<li class="active ball">
<p class="num">1次</p>
<p class="ticket">-</p>
</li>
<li>
<p class="num">10次</p>
<p class="ticket">-</p>
</li>
<li>
<p class="num">100次</p>
<p class="ticket">-</p>
</li>
</div>
<div class="experience">
<div class="giftBox hide">
<img src="" alt="">
<span class="crit">暴击×5</span>
<span class="times"></span>
</div>
<div class="exp-container exp-container1">
<div class="strip exp-1"></div>
</div>
<div class="exp-num">
<span class="num">0</span>
<span>/</span>
<span class="maxNum">0</span>
</div>
<div class="tips">
<span>暴走值</span><span><img src="./img/carnival/rule-btn.e437de88.png" alt=""></span>
</div>
</div>
<div class="status-mask">
<div class="title"></div>
<div class="tips"></div>
<div class="btn"></div>
</div>
<div class="gather-mask">
<div class="title">本轮获得</div>
<div class="tips">· 可前往个人背包查看 ·</div>
<ul class="gift-list"></ul>
<script type="text/html" id="gatherListTmp">
{{each gatherList}}
<li>
<p><img src="{{$value.prizeImgUrl}}" alt=""></p>
<p>×{{$value.prizeNum}}</p>
</li>
{{/each}}
</script>
<div class="btn">知道了</div>
</div>
<div class="rule-mask">
<div class="nav">
<div class="back"><img src="./img/carnival/back-btn.775f57bd.png" alt=""></div>
<div class="title">活动规则</div>
</div>
<div class="content">
<p><img src="./img/carnival/rule-text.bce1ce0a.png" alt=""></p>
</div>
</div>
<div class="rank-mask">
<div class="nav">
<div class="back"><img src="./img/carnival/back-btn.775f57bd.png" alt=""></div>
<div class="title">排行榜</div>
</div>
<div class="content">
<div class="tab">
<li class="active">捧场王</li>
<li>万人迷</li>
</div>
<div class="tips"><p>我是你爸爸</p></div>
<ul class="rank-container"></ul>
<script type="text/html" id="rankListTmp">
{{each rankList}}
<li>
{{if $index === 0}}
<p><img src="./img/carnival/rank-1.194d1ad3.png" alt=""></p>
{{else if $index === 1}}
<p><img src="./img/carnival/rank-2.574716cc.png" alt=""></p>
{{else if $index === 2}}
<p><img src="./img/carnival/rank-3.34be3227.png" alt=""></p>
{{else}}
<p>{{$value.rank}}</p>
{{/if}}
<p class="avatar" data-uid="{{$value.uid}}"><img src="{{$value.avatar}}" alt=""></p>
<p class="info">
<span>{{$value.nick}}</span>
<span>ID:{{$value.erbanNo}}</span>
</p>
<p class="score">
{{if $value.rank === 1 || !$value.rank}}
<span class="align-center">No.1</span>
{{else}}
<span>
<small>{{$value.distance}}</small>
<small>距上名</small>
</span>
{{/if}}
</p>
</li>
{{/each}}
</script>
</div>
<div class="mine">
<p class="rank-num"></p>
<p class="avatar"><img src="" alt=""></p>
<p class="info">
<span class="nick"></span>
<span class="score"></span>
</p>
<p class="rank-info">
<span class="num"></span>
<span class="distance"></span>
</p>
</div>
</div>
<div class="record-mask">
<div class="nav">
<div class="back"><img src="./img/carnival/back-btn.775f57bd.png" alt=""></div>
<div class="title">抽奖记录</div>
</div>
<div class="tab">
<li class="active">
<p>时间</p>
<p></p>
</li>
<li>
<p>价值</p>
<p></p>
</li>
</div>
<div class="content">
<div class="record-container"></div>
<script type="text/html" id="recordTmp">
{{each recordList}}
<li>
<p><img src="{{$value.prizeImgUrl}}" alt=""></p>
<p>{{$value.prizeName}}×{{$value.prizeNum}}</p>
<p>
{{if worth}}
<span class="num">{{$value.platformValue}}金币</span>
{{else}}
<span>
<small>{{$value.hms}}</small>
<small>{{$value.ymd}}</small>
</span>
{{/if}}
</p>
</li>
{{/each}}
</script>
</div>
<div class="loading">加载中...</div>
<div class="tips">展示您最近300次中奖纪录</div>
</div>
<div class="shade"></div>
<div class="exp-toast">暴走状态随机礼物5倍获得概率。1转盘次数=1暴走值,暴走值每小时清零</div>
<div class="toast"></div>
</div>
<!-- <div class="mask" id="mask" style="display: none;">
<div class="logo">
<img src="http://img.erbanyy.com/qingxunlogo-256.png" alt="">
</div>
<div class="slogan">上轻寻,轻松寻觅对的TA</div>
<div id="download"><a href="javascript:void(0)" class="linkedme">点击进入</a></div>
</div> -->
</body>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/jQueryExtend.js"></script>
<script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src='//static.lkme.cc/linkedme.min.js'></script>
<script src="../../common/js/route-constant.js"></script>
<script src="../../common/js/common.js"></script>
<script src="../../common/js/template-web.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="../../common/js/jQueryRotate.js"></script>
<script src="js/carnival.c37f1f27.js"></script>
</html>
@@ -0,0 +1 @@
.mask{z-index:120;position:fixed;width:100%;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;height:60px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.5);-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 8px;box-sizing:border-box;display:none}.mask .logo{width:40px}.mask .logo img{width:100%}#download,.mask .slogan{color:#fff}#download{border:1px solid #fff;width:80px;text-align:center;border-radius:15px;line-height:30px}#download a{color:#fff}.max{margin:0 auto;position:relative}.max,.max:before{width:100%;background-color:#180734}.max:before{content:"";display:block;height:100%;position:fixed;left:0;top:0;z-index:-1}.max .topNav1{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;width:100%;position:relative;height:1.453333rem;border-bottom:1px solid #301d4e}.max .topNav1 .help{width:.506667rem;height:.506667rem;margin-left:.56rem}.max .topNav1 .help img{width:100%}.max .topNav1 .feedback{width:.986667rem;height:.533333rem;margin:0 1.04rem 0 .413333rem}.max .topNav1 .feedback img{width:100%;height:100%}.max .topNav1 ul{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center}.max .topNav1 ul li{margin:0 .266667rem;height:100%;line-height:1.453333rem;position:relative;color:#8b8399;font-size:.373333rem}.max .topNav1 ul li.active{color:#fff;font-size:.426667rem}.max .topNav1 ul li.active:after{content:"";display:block;width:.26667rem;height:.06667rem;background-color:#fff;opacity:.6;border-radius:.666667rem;position:absolute;bottom:.2rem;left:50%;margin-left:-.133333rem}.max .topNav2{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;display:none;width:100%;position:relative;height:1.453333rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.max .topNav2 .help{width:.506667rem;height:.506667rem;position:absolute;top:.466667rem;left:.413333rem}.max .topNav2 .help img{width:100%}.max .topNav2 ul{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center}.max .topNav2 ul li{margin:0 .266667rem;height:100%;line-height:1.45333rem;position:relative;color:#8b8399;font-size:.373333rem}.max .topNav2 ul li.active{color:#fff;font-size:.426667rem}.max .topNav2 ul li.active:after{content:"";display:block;width:.266667rem;height:.066667rem;background-color:#fff;opacity:.6;border-radius:25px;position:absolute;bottom:.2rem;left:50%;margin-left:-.133333rem}.max .scrollMask{width:6.66667rem;height:30px;margin:0 auto;margin-top:.13333rem;overflow:hidden;position:relative}.max .scrollMask .container{width:100%;height:auto;position:absolute;top:0;left:0;display:none}.max .scrollMask .container li{width:100%;height:30px;text-align:center;line-height:30px;color:#fff;font-size:12px;overflow:hidden}.max .scrollMask .container li span{color:#ffec6f;margin:0 .06667rem}.max .rank-btn{width:1.2rem;height:1.04rem;position:absolute;right:.2rem;top:2.026667rem;z-index:200}.max .rank-btn img{width:100%}.max .record-btn{width:1.2rem;height:1.04rem;position:absolute;right:.2rem;top:3.653333rem;z-index:200}.max .record-btn img{width:100%}.max .canvas{width:100%;height:7.33333rem;margin-top:.4rem;position:relative}.max .canvas .canvas-container{width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);position:absolute;left:0;top:0;margin-left:-50%;margin-top:-3.66667rem}.max .canvas .canvas-container .turntable{width:13.70667rem;height:13.70667rem;margin:0 auto;position:absolute;left:50%;top:50%;margin-left:-6.85333rem;margin-top:-6.85333rem}.max .canvas .canvas-container .turntable .container1{width:100%;height:100%;position:relative}.max .canvas .canvas-container .turntable .container1.first{background:url(../img/carnival/turntable.28782fe4.png) no-repeat 0 0/100% 100%}.max .canvas .canvas-container .turntable .container1.second{background:url(../img/carnival/turntable-2.7e46cbe5.png) no-repeat 0 0/100% 100%}.max .canvas .canvas-container .turntable #table,.max .canvas .canvas-container .turntable #table2{position:absolute;width:11.41333rem;height:11.41333rem;left:50%;top:50%;margin-left:-5.70667rem;margin-top:-5.70667rem;z-index:4}.max .canvas Line truncated
@@ -0,0 +1 @@
.mask{z-index:120;position:fixed;width:100%;left:0;bottom:0;display:-webkit-box;display:-webkit-flex;display:flex;height:60px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:rgba(0,0,0,.5);-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:0 8px;box-sizing:border-box;display:none}.mask .logo{width:40px}.mask .logo img{width:100%}#download,.mask .slogan{color:#fff}#download{border:1px solid #fff;width:80px;text-align:center;border-radius:15px;line-height:30px}#download a{color:#fff}*{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}body{font-family:PingFang SC;background:#2b3137;z-index:-1}body .max{margin:0 auto}body .max,body .max .title-one{width:100%}body .max .title-one img{width:100%;height:100%}body .max .rule-btn{width:1.33333rem;height:.8rem;position:absolute;left:.4rem;top:.26667rem}body .max .rule-btn img{width:100%;height:100%}body .max .cloth-box{width:100%;padding-bottom:2.4rem;margin:-2.2rem auto 0}body .max .cloth-box li{width:8.53333rem;height:5.6rem;position:relative;margin:.13333rem auto 0;display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;background:url(../img/index/li-card.bc705a9b.png) no-repeat 0 0/100% 100%}body .max .cloth-box li .h-title{position:absolute;margin:.4rem auto 0;letter-spacing:.053333rem;font-size:.37333rem;font-weight:700;color:#fea53c;line-height:.66667rem}body .max .cloth-box li .gift-img{width:1.94667rem;height:1.73333rem;position:absolute;box-sizing:border-box;left:1.16rem;top:1.65333rem;display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center}body .max .cloth-box li .gift-img img{box-sizing:border-box;padding:.13333rem;width:100%;height:100%;object-fit:cover}body .max .cloth-box li .gift-text{position:absolute;left:4.02667rem;top:1.53333rem}body .max .cloth-box li .gift-text p:first-child{font-size:.45333rem;font-weight:700;color:#00cf9e;line-height:.56rem;letter-spacing:.026667rem}body .max .cloth-box li .gift-text p:nth-child(2){font-size:.37333rem;font-weight:700;color:#ffa530;line-height:.56rem}body .max .cloth-box li .gift-text p:nth-child(3){text-decoration:line-through}body .max .cloth-box li .gift-text p:last-child,body .max .cloth-box li .gift-text p:nth-child(3){font-size:.34667rem;font-weight:500;color:#9c9c9c;line-height:.62667rem;opacity:.8}body .max .cloth-box li .buy-btn{width:4rem;height:1.09333rem;position:absolute;bottom:.37333rem;display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;background:url(../img/index/buy.fb8a087b.png) no-repeat 0 0/100% 100%}body .max .cloth-box li .buy-btn.gray{background:url(../img/index/buy-gray.5e29de62.png) no-repeat 0 0/100% 100%}body .max .buy-mask{width:8.21333rem;height:7.94667rem;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(../img/index/buy-bg.2e11f9ae.png) no-repeat 0 0/100% 100%;z-index:1001;display:none}body .max .buy-mask .b-box{padding:0 .693333rem;margin-top:.93333rem}body .max .buy-mask .b-box .b-title{color:#fea43c;line-height:.6rem;text-align:center;font-size:.48rem;font-weight:700;letter-spacing:.013333rem}body .max .buy-mask .b-box .b-title .giftName{font-size:.48rem;font-weight:700}body .max .buy-mask .b-box .b-number{padding:0 .906667rem;margin-top:.773333rem;display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box}body .max .buy-mask .b-box .b-number .input-box{margin-top:-.066667rem}body .max .buy-mask .b-box .b-number .input-box,body .max .buy-mask .b-box .b-number .input-box .remove-btn{display:-webkit-flex;display:-webkit-box;display:flex;display:-moz-box;-webkit-box-align:center;-webkit-align-items:center;-ms-align-items:center;align-items:center;height:.64rem}body .max .buy-mask .b-box .b-number .input-box .remove-btn{width:.64rem;-webkit-box-pack:center;-webkit-justify-content:center;-ms-justify-content:center;justify-content:center;border-radius:.32rem 0 0 .32rem;background:rgba(212,244,255,.6)}body .max .buy-mask .b-box .b-number .input-box .remove-btn .remove-icon{opacity:.6;display:block;width:.26667rem;height:.05333rem;background:url(../img/index/remove-icon.7ad43850.png) no-repeat 0 0/100% 100%;background-size:100% 100%}body .max .buy-mask .b-box .b-number .input-box .b-input{width:1.173333rem;height:.64rem;background:#d4f4ff;text-align:center;font-size:.346667rem;font-weight:500;color:#8fa4b8;margin:0 .106667rem;border:0;outline:none}body .max .buy-mask .b-box .b-number .input-box .add-btn{width:.6Line truncated
Binary file not shown.

After

Width:  |  Height:  |  Size: 208 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 851 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 939 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 989 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 785 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 987 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 896 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 604 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 73 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 224 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 36 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 587 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 566 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 247 KiB

+90
View File
@@ -0,0 +1,90 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>春游记</title>
<link rel="stylesheet" href="../../common/css/reset.css">
<link rel="stylesheet" href="css/index.86ecd265.css">
<script src="../../common/js/flexible.js"></script>
<script src="../../common/js/baiduStatis.js"></script>
</head>
<body>
<div class="max">
<div class="title title-one"><img src="./img/index/title.06941e29.png" alt=""></div>
<div class="rule-btn"><img src="./img/index/rule-btn.1b975e22.png" alt=""></div>
<ul class="cloth-box"></ul>
<div class="mine">
<li>
<p class="avatar"><img src="" alt=""></p>
<p>
<span class="nick">-</span>
<span>我的门票:<b class="score"></b></span>
</p>
</li>
<li><a href="carnival.html"><img src="./img/index/in-btn.d2fb033c.png" alt=""></a></li>
</div>
<!-- 弹窗start -->
<div class="buy-mask">
<div class="b-box">
<h3 class="b-title">购买<b class="giftName"></b></h3>
<div class="b-number">
<p class="b-text"><span>数量:</span></p>
<div class="input-box">
<div class="remove-btn"><span class="remove-icon"></span></div>
<input type="number" value="1" class="b-input">
<div class="add-btn"><span class="add-icon"></span></div>
</div>
</div>
<p class="b-text b-day"><span>天数:</span><span class="day">1</span><span>天</span></p>
<p class="b-text b-price"><span>金额:</span><span class="totalprice"></span><span>金币</span></p>
<div class="b-btns">
<div class="close-btn"></div>
<div class="confirm-btn"></div>
</div>
</div>
</div>
<div class="rule-mask">
<div class="cancel">
<img src="./img/common/cancel1.b389adb6.png" alt="">
</div>
<div class="title">玩法介绍</div>
<div class="content">
<p><img src="./img/index/rule-text.6c7b2c6f.png" alt=""></p>
</div>
</div>
<div class="statusMask">
<div class="cancel">
<img src="./img/common/cancel1.b389adb6.png" alt="">
</div>
<div class="title success">购买成功</div>
<div class="title fail">余额不足</div>
<div class="avatar success"><img src="./img/common/success-icon.ea4f2804.png" alt=""></div>
<div class="avatar fail"><img src="./img/common/enough-icon.198f31da.png" alt=""></div>
<div class="tip"></div>
<a href="./carnival.html" class="in-btn success">进入会场</a>
<div class="recharge android fail">去充值</div>
<div class="recharge ios fail">知道了</div>
</div>
<div class="shade"></div>
<!-- 弹窗end -->
</div>
<!-- <div class="mask" id="mask" style="display: none;">
<div class="logo">
<img src="http://img.erbanyy.com/qingxunlogo-256.png" alt="">
</div>
<div class="slogan">上轻寻,轻松寻觅对的TA</div>
<div id="download"><a href="javascript:void(0)" class="linkedme">点击进入</a></div>
</div> -->
</body>
<script src="../../common/js/jquery-3.2.1.min.js"></script>
<script src="../../common/js/jQueryExtend.js"></script>
<script src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src='//static.lkme.cc/linkedme.min.js'></script>
<script src="../../common/js/route-constant.js"></script>
<script src="../../common/js/common.js"></script>
<script src="../../common/js/template-web.js"></script>
<script src="../../common/js/vconsole.min.js"></script>
<script src="js/index.bc261b11.js"></script>
</html>
@@ -0,0 +1 @@
"use strict";function getMessage(e,t){info[e]=t}function getScrollTip(){$(".container").hide(),$.ajax({type:"GET",url:api+"/act/queryPrizeMsg",success:function(e){if(200===e.code){for(var t in e.data)e.data[t].nick.length>4&&(e.data[t].nick=e.data[t].nick.substring(0,4)+"..."),1===e.data[t].drawType?e.data[t].table="春暖花开":e.data[t].table="满园春色";e.data.push(e.data[0]);var a={scrollMaskList:e.data};$(".container").html(template("scrollTmp",a)),$(".container").show(),animateScroll()}}})}function getGiftInfo(){turntable[clickTab].prizeIndex=[],giftIntro.giftIdArr=[],$.ajax({type:"GET",url:api+"/act/queryPrizeInfo",timeout:15e3,data:{drawType:0===clickTab?"turntable1":"turntable2"},success:function(e){if(200===e.code){for(var t in e.data)turntable[clickTab].prizeIndex.push(e.data[t].prizeId),giftIntro.giftIdArr.push(e.data[t].prizeId);console.log("giftIntro",giftIntro),info.clickStatu=!0}else $(".toast").html(e.message||"获取礼物信息出错了!").fadeIn(30).fadeOut(2e3)},error:function(e){$(".toast").html("哎呀太挤了,请稍等").fadeIn(30).fadeOut(2e3)}})}function animateScroll(){var e=$(".scrollMask").find(".container").height(),t=0;clearInterval(scrollTimer),scrollTimer=setInterval(function(){e+t>30?t-=30:($(".scrollMask").find(".container").css({top:0}),t=0),$(".scrollMask").find(".container").stop(!0,!0).animate({top:t})},2e3)}function getticketChooseShow(){var e={0:"turntable1",1:"turntable2"};$.ajax({type:"GET",url:api+"/act/queryTicketRule",data:{drawType:e[clickTab]},success:function(e){200===e.code&&($(".turnNum").find(".ticket").eq(0).html("消耗"+e.data.one+"门票"),$(".turnNum").find(".ticket").eq(1).html("消耗"+e.data.ten+"门票"),$(".turnNum").find(".ticket").eq(2).html("消耗"+e.data.hundred+"门票"))}})}function configTurnNumClass(){0===clickTab?$(".turnNum").find("li").removeClass("joy").addClass("ball"):$(".turnNum").find("li").removeClass("ball").addClass("joy")}function openSocket(){var e=null,t=0;if("undefined"==typeof WebSocket)alert("暂不支持转盘socket");else{var a=window.location.href.match("apibeta")||window.location.href.match("local")?"http://apibeta.qxjiaoyou.com:8081":"https://api.qxjiaoyou.com:8081";window.location.href.match("preview")&&(a="https://preview.qxjiaoyou.com:8081");var i=a+"/websocket/activity/"+info.roomUid;i=i.replace("https","wss").replace("http","ws"),null!==e&&(e.close(),e=null),e=new WebSocket(i),e.onopen=function(){clearInterval(tabTimer),tabTimer=setInterval(function(){t!==clickTab&&(t=clickTab)},10)},e.onmessage=function(e){var t=JSON.parse(e.data);t.data&&renderExp(t.data)},e.onclose=function(){e=null,clearTimeout(openSocketTimer),openSocketTimer=setTimeout(function(){openSocket()},5e3)},e.onerror=function(){console.log("socket错误")}}}function getExp(){$.ajax({type:"GET",url:api+"/activities/draw/getRunawayData",data:{drawType:0===clickTab?"turntable1":"turntable2",roomUid:info.roomUid},success:function(e){200===e.code&&renderExp(e.data)}})}function renderExp(e){if(tableFlag="turntable1"===e.drawType?0:1,e.runawaySwitch&&$(".experience").show(),tableFlag===clickTab){var t,a=$(".exp-container").height(),i=e.curValue/e.runawayConfigValue;t=a*i,$(".strip").stop(!0).animate({height:t},200),$(".experience").find(".maxNum").html(e.runawayConfigValue),$(".experience").find(".num").html(e.curValue)}"{}"!==JSON.stringify(e.poolPrize)?e.poolTime>0&&tableFlag===clickTab&&renderTime(e):$(".giftBox").addClass("hide")}function renderTime(e){times=e.poolTime,$(".giftBox").find("img").attr("src",e.poolPrize.prizeImgUrl),$(".giftBox").removeClass("hide"),$(".experience").find(".times").html(times+"秒"),clearInterval(timeTimer),timeTimer=setInterval(function(){times--,0===times&&(clearInterval(timeTimer),$(".giftBox").addClass("hide")),$(".experience").find(".times").html(times+"秒")},1e3)}function getTicketNum(){$.ajax({type:"GET",url:api+"/act/queryTicketNum",data:{uid:info.uid},success:function(e){200===e.code&&$(".info").find(".ticketNum").html(e.data.num)}})}function preloadImg(e){var t={imageArr:turntable[e].prizeImg,doneFunc:function(){clearInterval(imgTimer),imgTimer=setTimeout(function(){getCanvas(e)},50)}};preloadImage(t)}function getCanvas(e){var t;0===e?($("#table").show(),$("#table2").hide()):($("#table").hide(),$("#table2").show());for(var a in turntable[e].prizeImg)t=new Image,t.src=turntable[e].prizeImg[a],turntable[e].prizeImgArr.push(t);var i=turntable[e].prizeImg.length;t.onload=function(){var t=2*Math.PI/i,a=0===e?document.getElementById("table"):document.getElementById("table2"),n=a.getContext("2d");clearTimeout(canvasTimer),canvasTimer=setTimeout(function(){for(var i=0;i<turntable[e].prizeImg.length;i++){n.save(),n.translate(a.width/2,a.height/2),n.strokeStyle="transparent";var r=i*t,o=i%2;n.fillStyle=turntable[e].colors[o],n.beginPath(),n.moveTo(0,0),n.arc(0,0,214,r,r+t,!1),n.stroke(),n.fill(),n.rotate(r+t/2+Math.PI/2),n.imageSmoothEnabled=!1,n.drawImage(turntable[e].prizeImgArr[i],-55,-210,100,100),n.restoLine truncated
+1
View File
@@ -0,0 +1 @@
"use strict";function getMessage(t,e){info[t]=e}function renderTicket(){$.ajax({type:"GET",url:api+"/act/queryTicketNum",data:{uid:info.uid},success:function(t){return 200!==t.code?void ajaxTip(t.message):(t.data.nick.length>10&&(t.data.nick=t.data.nick.substring(0,10)+"..."),$(".mine").find(".avatar img").attr("src",t.data.avatar),$(".mine").find(".nick").html(t.data.nick),$(".mine").find(".score").html(t.data.num),void 0)}})}function renderGift(){$.ajax({headers:{pub_ticket:info.ticket},type:"POST",url:api+"/act/getPackStore",data:{uid:info.uid},success:function(t){if(200!=t.code)return void ajaxTip(t.message);var e="",a="";t.data.forEach(function(t,i){200==t.sellingPrice?a="7-10":1e3==t.sellingPrice?a="30-50":2e3==t.sellingPrice?a="70-100":1e4==t.sellingPrice?a="300-500":2e4==t.sellingPrice&&(a="600-1000"),e+='<li data-id="'+t.id+'"><h3 class="h-title">限定装扮'+NoToChinese(i+1)+'</h3><div class="gift-img"><img src="'+t.imgUrl+'" alt=""></div><div class="gift-text"><p>'+t.name+'</p><p><span class="price" data-money="'+t.sellingPrice+'">'+t.sellingPrice+"</span>金币/天</p><p>"+t.originalPrice+"金币/天</p><p>随机赠送门票"+a+'张</p></div><div class="buy-btn gray" data-gid="'+t.id+'"></div></li>'}),$(".cloth-box").html(e),renderBuyStatus(),$(".cloth-box").on("click",".buy-btn",function(){var t=$(this).attr("data-gid"),e=$(this).siblings(".gift-text").find("p:first").text(),a=$(this).siblings(".gift-text").find(".price").attr("data-money");$(".buy-mask .day").text(1),$(".buy-mask .b-input").val(1),$(".buy-mask .giftName").html(e),$(".buy-mask .totalprice").html(a),$(".buy-mask .confirm-btn").attr("data-pid",t),$(".buy-mask .b-input").attr("data-price",a),$(".shade,.buy-mask").fadeIn(300)})}})}function renderBuyStatus(){$.ajax({type:"GET",url:api+"/act/getDate",data:{},success:function(t){if(200!=t.code)return void ajaxTip(t.message);var e=(new Date).getTime(),a=browser.ios?t.data.start:t.data.start,i=browser.ios?t.data.end:t.data.end;a<e&&e<i?$(".buy-btn").removeClass("gray").prop("disabled",!1):$(".buy-btn").removeClass().addClass("buy-btn gray").prop("disabled",!0)}})}function ajaxTip(t){var e=document.getElementsByTagName("body")[0],a=document.createElement("div"),i="<p class='ajaxtiptext'>"+t+"</p>";a.setAttribute("class","ajaxtiplayer"),a.innerHTML=i,a.style.display="block",e.appendChild(a),setTimeout(function(){e.removeChild(a)},2e3)}function NoToChinese(t){if(!/^\d*(\.\d*)?$/.test(t))return alert("Number is wrong!"),"Number is wrong!";for(var e=new Array("零","一","二","三","四","五","六","七","八","九"),a=new Array("","十","百","千","万","亿","点",""),i=(""+t).replace(/(^0*)/g,"").split("."),n=0,s="",r=i[0].length-1;r>=0;r--){switch(n){case 0:s=a[7]+s;break;case 4:new RegExp("0{4}\\d{"+(i[0].length-r-1)+"}$").test(i[0])||(s=a[4]+s);break;case 8:s=a[5]+s,a[7]=a[5],n=0}n%4==2&&0!=i[0].charAt(r+2)&&0==i[0].charAt(r+1)&&(s=e[0]+s),0!=i[0].charAt(r)&&(s=e[i[0].charAt(r)]+a[n%4]+s),n++}if(i.length>1){s+=a[6];for(var r=0;r<i[1].length;r++)s+=e[i[1].charAt(r)]}return s}var _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},info={},browser=checkVersion(),api="/api",env=EnvCheck(),queryParam=getQueryString();info.uid=queryParam.uid||0,info.roomUid=queryParam.roomUid||0;var totalPrice=0,shareUrl=location.origin+"/activity",share={title:"",link:shareUrl,imgUrl:"https://img.erbanyy.com/new-logo.png",desc:""};wx.ready(function(){wx.onMenuShareTimeline({title:share.title,link:share.link,imgUrl:share.imgUrl,desc:share.desc}),wx.onMenuShareAppMessage({title:share.title,desc:share.desc,link:share.link,imgUrl:share.imgUrl,type:"link",dataUrl:""}),wx.onMenuShareQQ({title:share.title,desc:share.desc,link:share.link,imgUrl:share.imgUrl})}),erbanMask("activity-name","activity-name"),initNav({type:2,data:{msg:"wewawa",link:share.link,title:share.title,showUrl:share.link,imgUrl:share.imgUrl,desc:share.desc}}),browser.weixin&&wxConfig(),$(function(){"test"==env&&new VConsole;var t={init:function(){var t=this;setTimeout(function(){t.getData()},100),this.eventRegister()},getMsgFromDevice:function(){browser.app?(browser.ios?window.webkit.messageHandlers.getDeviceId.postMessage(null):browser.android&&androidJsObj&&"object"===("undefined"==typeof androidJsObj?"undefined":_typeof(androidJsObj))&&(info.deviceId=window.androidJsObj.getDeviceId()),info.uid=tools.nativeUtils.getUid(),info.ticket=tools.nativeUtils.getTicket()):(info.uid=906709,info.deviceId="safhksafhksajhfs1kjahsfkjsf0000aaaaaaaacaa",info.ticket="eyJhbGciOiJIUzI1NiJ9.eyJ0aWNrZXRfdHlwZSI6bnVsbCwidWlkIjo5MDYyMzgsInRpY2tldF9pZCI6IjdiZWQ2NzcwLWJmMjktNGRiYi04MzZmLTc0NzBmY2RiMDZjYSIsImV4cCI6MzYwMCwiY2xpZW50X2lkIjoiZXJiYW4tY2xpZW50In0.ye2Zv8nyZkqiT_bIWq-50qcS6_SCWmRpBjxxLX7mQvs")},eventRegister:function(){$(".rule-btn").on("click",function(){$(".rule-mask,.shade").fadeIn(300)}),$(".buy-mLine truncated