No Description

rotateCircle.html 4.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>幸运大抽奖</title>
  8. <link rel="shortcut icon" href="#" />
  9. <script>
  10. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth / 375) + "px"
  11. window.onresize = function () {
  12. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth / 375) + "px"
  13. }
  14. </script>
  15. <link rel="stylesheet" href="../common/reset.css">
  16. <link rel="stylesheet" href="./css/rule.css?v=112.0.2">
  17. <link rel="stylesheet" href="./css/rotateCircle.css?v=1112.1">
  18. <script type="text/javascript" src="../common/jquery-2.1.0.js"></script>
  19. <script type="text/javascript" src="./js/awardRotate.js"></script>
  20. </head>
  21. <body>
  22. <div class="main">
  23. <img src="./img/back.png?v=1.1" alt="" class="back"><span class="head11">幸运大抽奖</span>
  24. <img src="./img/newBack.png?v=1.2" alt="" class="main">
  25. <!-- <div class="rule" onclick="showRule()">活动规则
  26. </div> -->
  27. <div class="rule" onclick="showRule()"></div>
  28. <div class="mask">
  29. </div>
  30. <div class="rule_content">
  31. <div class="rule_title">活动规则</div>
  32. <p>1.用户参与本活动,即表示用户已经理解并同意活动规则,每位用户需严格遵守活动规定,并完成活动任务后才能获得奖励,若发现作弊行为,则扣除奖励。</p>
  33. <p>2.参与活动即有机会获得现金豆,本活动为概率中奖,已参与活动次数次日清零重新计算。</p>
  34. <p>3.部分奖励需要用户按照要求完成才能领取,未完成要求,奖励不进行发放。</p>
  35. <p>4.在法律许可范围内,活动最终解释权归钱多记账所有。</p>
  36. <button>我知道了</button>
  37. </div>
  38. <div class="headline">
  39. <span class="left"></span>
  40. <span class="center">|</span>
  41. <span class="right">次日更新</span>
  42. </div>
  43. <img src="img/gift.png?v=1.1" id="shan-img" style="display:none;" />
  44. <img src="img/gold.png?v=1.1" id="sorry-img" style="display:none;" />
  45. <div class="banner" style="overflow: hidden;">
  46. <div class="turnplate">
  47. <img src="./img/den1.png" alt="" class="deng one">
  48. <img src="./img/den2.png" alt="" class="deng two">
  49. <canvas class="item" id="wheelcanvas" width="422px" height="422px"></canvas>
  50. <img class="pointer" src="./img/go.png" />
  51. </div>
  52. </div>
  53. <div class="progressBar">
  54. <ul class="progress">
  55. <li class="first">
  56. <img class="static" src="./img/one.png" alt="">
  57. <img class="active" src="./img/oneO.png" alt="">
  58. <div class="line">
  59. <div class="active_item"></div>
  60. <div class="last"></div>
  61. </div>
  62. <span>5</span>
  63. </li>
  64. <li class="second">
  65. <img class="static" src="./img/two.png" alt="">
  66. <img class="active" src="./img/twoO.png" alt="">
  67. <div class="line">
  68. <div class="active_item"></div>
  69. <div class="last"></div>
  70. </div>
  71. <span>30</span>
  72. </li>
  73. <li class="third">
  74. <img class="static" src="./img/three.png" alt="">
  75. <img class="active" src="./img/threeO.png" alt="">
  76. <div class="line">
  77. <div class="active_item"></div>
  78. <div class="last"></div>
  79. </div>
  80. <span>60</span>
  81. </li>
  82. <li class="fourth">
  83. <img class="static" src="./img/four.png" alt="">
  84. <img class="active" src="./img/fourO.png" alt="">
  85. <div class="line">
  86. <div class="active_item"></div>
  87. <div class="last"></div>
  88. </div>
  89. <span>100</span>
  90. </li>
  91. </ul>
  92. </div>
  93. </div>
  94. <div class="toast">
  95. <div class="mask1"></div>
  96. <div class="gift1"></div>
  97. </div>
  98. <div class="alert-info" style="display: none;">
  99. <!-- tip提示,3s后消失 -->
  100. <p>请在浏览器中打开</p>
  101. </div>
  102. <script src="../common/common.js?v=2.0.2"></script>
  103. <script src="./js/md5.js"></script>
  104. <script src="./js/rotateCircle.js?v=5.2"></script>
  105. </body>
  106. </html>