feat:初始化项目
This commit is contained in:
dengtongyu committed
commit
ca52cf1bc0
486 files changed
+56656
No files matched your search
@@ -0,0 +1,244 @@
|
||||
<!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>
|
||||
<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>
|
||||
Reference in new issue
Block a user