tmt-workflow-act/act_project/carnival11/carnival.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 id="toIndexBox"></span>
    </div>
    
    <script type="text/html" id="toIndexTpl">
      <a href="{{'./index.html?uid='+ uid + '&roomUid=' + roomUid}}"><img src="./img/carnival/gather-btn.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.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>