278 lines
8.6 KiB
HTML
278 lines
8.6 KiB
HTML
<!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>
|
||
|
||
<%- include('../html_tpl/style.html') %>
|
||
<link rel="stylesheet" href="css/carnival.css">
|
||
|
||
<%- include('../html_tpl/headScript.html') %>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="max">
|
||
<div class="topNav topNav1">
|
||
<div class="feedback"><img src="./img/carnival/feedback.png" alt=""></div>
|
||
<ul>
|
||
<li class="tab active">甜蜜夏日</li>
|
||
<li class="tab">心动一夏</li>
|
||
</ul>
|
||
<div class="help"><img src="./img/carnival/rule-btn.png" alt=""></div>
|
||
</div>
|
||
|
||
<div class="topNav topNav2">
|
||
<div class="help"><img src="./img/carnival/rule-btn.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.png" alt=""></div>
|
||
<div class="record-btn"><img src="./img/carnival/record-btn.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.png" alt="">
|
||
</div>
|
||
<button class="btn">
|
||
<img src="./img/carnival/draw-btn.png" alt="">
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="info">
|
||
<span>我的门票: <small class="ticketNum">0</small>张</span>
|
||
<span><a href="./index.html"><img src="./img/carnival/gather-btn.png" alt=""></a></span>
|
||
</div>
|
||
|
||
<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.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.png" alt=""></div>
|
||
<div class="title">活动规则</div>
|
||
</div>
|
||
<div class="content">
|
||
<p><img src="./img/carnival/rule-text.png" alt=""></p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="rank-mask">
|
||
<div class="nav">
|
||
<div class="back"><img src="./img/carnival/back-btn.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>
|
||
<div class="rank-yesterday-box">
|
||
<div class="rank-title">- 昨日最佳 -</div>
|
||
<div class="rank-box">
|
||
<div class="rank-item rank-item1">
|
||
<div class="rank-ava">
|
||
<img src="" alt="" class="img-item">
|
||
</div>
|
||
<div class="rank-nick ddd"></div>
|
||
<div class="rank-desc">奖励门票200张</div>
|
||
</div>
|
||
<div class="rank-item rank-item0">
|
||
<div class="rank-ava">
|
||
<img src="" alt="" class="img-item">
|
||
</div>
|
||
<div class="rank-nick ddd"></div>
|
||
<div class="rank-desc">奖励门票300张</div>
|
||
</div>
|
||
<div class="rank-item rank-item2">
|
||
<div class="rank-ava">
|
||
<img src="" alt="" class="img-item">
|
||
</div>
|
||
<div class="rank-nick ddd"></div>
|
||
<div class="rank-desc">奖励门票100张</div>
|
||
</div>
|
||
</div>
|
||
<div class="remark">注：门票每日00:05分自动发放，请注意查收！</div>
|
||
<div class="rank-title rank-title-today">- 今日排行 -</div>
|
||
</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.png" alt=""></p>
|
||
{{else if $index === 1}}
|
||
<p><img src="./img/carnival/rank-2.png" alt=""></p>
|
||
{{else if $index === 2}}
|
||
<p><img src="./img/carnival/rank-3.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.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>
|
||
<!-- <%- include('../html_tpl/downloadMask.html') %> -->
|
||
</body>
|
||
<%- include('../html_tpl/script.html') %>
|
||
<script src="../../common/js/jQueryRotate.js"></script>
|
||
<script src="js/carnival.js"></script>
|
||
|
||
</html> |