123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
- <meta http-equiv="X-UA-Compatible" content="ie=edge">
- <title>幸运大抽奖</title>
- <link rel="shortcut icon" href="#" />
- <script>
- document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth / 375) + "px"
- window.onresize = function () {
- document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth / 375) + "px"
- }
- </script>
- <link rel="stylesheet" href="../common/reset.css">
- <link rel="stylesheet" href="./css/rule.css?v=112.0.2">
- <link rel="stylesheet" href="./css/rotateCircle.css?v=1112.1">
- <script type="text/javascript" src="../common/jquery-2.1.0.js"></script>
- <script type="text/javascript" src="./js/awardRotate.js"></script>
- </head>
- <body>
- <div class="main">
- <img src="./img/back.png?v=1.1" alt="" class="back"><span class="head11">幸运大抽奖</span>
- <img src="./img/newBack.png?v=1.2" alt="" class="main">
- <!-- <div class="rule" onclick="showRule()">活动规则
- </div> -->
- <div class="rule" onclick="showRule()"></div>
- <div class="mask">
- </div>
- <div class="rule_content">
- <div class="rule_title">活动规则</div>
- <p>1.用户参与本活动,即表示用户已经理解并同意活动规则,每位用户需严格遵守活动规定,并完成活动任务后才能获得奖励,若发现作弊行为,则扣除奖励。</p>
- <p>2.参与活动即有机会获得现金豆,本活动为概率中奖,已参与活动次数次日清零重新计算。</p>
- <p>3.部分奖励需要用户按照要求完成才能领取,未完成要求,奖励不进行发放。</p>
- <p>4.在法律许可范围内,活动最终解释权归钱多记账所有。</p>
- <button>我知道了</button>
- </div>
- <div class="headline">
- <span class="left"></span>
- <span class="center">|</span>
- <span class="right">次日更新</span>
- </div>
- <img src="img/gift.png?v=1.1" id="shan-img" style="display:none;" />
- <img src="img/gold.png?v=1.1" id="sorry-img" style="display:none;" />
- <div class="banner" style="overflow: hidden;">
- <div class="turnplate">
- <img src="./img/den1.png" alt="" class="deng one">
- <img src="./img/den2.png" alt="" class="deng two">
- <canvas class="item" id="wheelcanvas" width="422px" height="422px"></canvas>
- <img class="pointer" src="./img/go.png" />
- </div>
- </div>
- <div class="progressBar">
- <ul class="progress">
- <li class="first">
- <img class="static" src="./img/one.png" alt="">
- <img class="active" src="./img/oneO.png" alt="">
- <div class="line">
- <div class="active_item"></div>
- <div class="last"></div>
- </div>
- <span>5</span>
- </li>
- <li class="second">
- <img class="static" src="./img/two.png" alt="">
- <img class="active" src="./img/twoO.png" alt="">
- <div class="line">
- <div class="active_item"></div>
- <div class="last"></div>
- </div>
- <span>30</span>
- </li>
- <li class="third">
- <img class="static" src="./img/three.png" alt="">
- <img class="active" src="./img/threeO.png" alt="">
- <div class="line">
- <div class="active_item"></div>
- <div class="last"></div>
- </div>
- <span>60</span>
- </li>
- <li class="fourth">
- <img class="static" src="./img/four.png" alt="">
- <img class="active" src="./img/fourO.png" alt="">
- <div class="line">
- <div class="active_item"></div>
- <div class="last"></div>
- </div>
- <span>100</span>
- </li>
- </ul>
- </div>
- </div>
- <div class="toast">
- <div class="mask1"></div>
- <div class="gift1"></div>
- </div>
- <div class="alert-info" style="display: none;">
- <!-- tip提示,3s后消失 -->
- <p>请在浏览器中打开</p>
- </div>
- <script src="../common/common.js?v=2.0.2"></script>
- <script src="./js/md5.js"></script>
- <script src="./js/rotateCircle.js?v=5.2"></script>
- </body>
- </html>
|