You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

147 lines
5.2 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>抓福袋</title>
  8. <link rel="stylesheet" href="../common/css/swiper.min.css">
  9. <link rel="stylesheet" href="../common/css/common_mobile.css?version=1.0.0">
  10. <link rel="stylesheet" href="./css/index.css?version=1.0.0">
  11. <!--
  12. 清除缓存方法,对自定义的css文件
  13. -->
  14. <script>
  15. document.write("<l"+"ink rel='stylesheet' href='../common/css/common_mobile.css?version="+Math.random()+"'>");
  16. document.write("<l"+"ink rel='stylesheet' href='./css/index.css?version="+Math.random()+"'>");
  17. </script>
  18. <!-- 移动端适配 -->
  19. <script>
  20. var html = document.querySelector('html');
  21. changeRem();
  22. window.addEventListener('resize', changeRem);
  23. function changeRem() {
  24. var width = html.getBoundingClientRect().width;
  25. html.style.fontSize = width / 10 + 'px';
  26. }
  27. </script>
  28. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  29. </head>
  30. <body>
  31. <div id="wrap">
  32. <p class="rule fl">规则</p>
  33. <a href="javascript:;" id="myWin" class="my fr">我的</a>
  34. <a href="javascript:;" id="share" class="">分享</a>
  35. <!-- 分享 -->
  36. <div class="b1">
  37. </div>
  38. <div class="t_w">
  39. </div>
  40. <!-- <div class="t_w">
  41. <span class="span-text">请手动点击右上角</span>
  42. <span class="span-blue">...</span>
  43. <span class="span-text">选择</span>
  44. <span class="span-blue">转发</span>
  45. <span class="span-text">完成分享</span>
  46. <img src="../../common/image/icon/close.png" class="s-close">
  47. </div> -->
  48. <!--游戏区域-->
  49. <div class="main">
  50. <div class="caidai"></div>
  51. <div class="title"></div>
  52. <div class="box">
  53. <!--钩子-->
  54. <ul id="hook">
  55. <li class="line"></li>
  56. <li class="left"></li>
  57. <li class="right"></li>
  58. </ul>
  59. <!--传送带-->
  60. <div class="behind">
  61. <ul class="clearfix">
  62. <li class="moveing-left">
  63. <img src="./image/small-bag.png">
  64. </li>
  65. <li>
  66. <img src="./image/small-bag.png">
  67. </li>
  68. <li>
  69. <img src="./image/small-bag.png">
  70. </li>
  71. </ul>
  72. </div>
  73. <div class="front">
  74. <ul class="clearfix">
  75. <li class="moveing-right">
  76. <img src="./image/big-bag.png">
  77. </li>
  78. <li>
  79. <img src="./image/big-bag.png">
  80. </li>
  81. <li>
  82. <img src="./image/big-bag.png">
  83. </li>
  84. </ul>
  85. </div>
  86. <h3></h3>
  87. <!--按钮区域-->
  88. <ul class="box-btn clearfix">
  89. <li></li>
  90. <li id="btn"></li>
  91. <li></li>
  92. </ul>
  93. </div>
  94. <!--奖品展示-->
  95. <div class="awards">
  96. <div class="swiper-container">
  97. <ul class="swiper-wrapper">
  98. </ul>
  99. </div>
  100. </div>
  101. </div>
  102. <div id="mask-card"></div>
  103. <!--游戏规则弹窗-->
  104. <div id="mask-rule">
  105. <div class="box-rule">
  106. <span class="star"></span>
  107. <h2>活动规则说明</h2>
  108. <span id="close-rule"></span>
  109. <div class="con">
  110. <div class="text">
  111. <p>点击play会抓取一个福袋,若有中奖可以在小程序的“券包”里面进行查看使用,活动解释权归官方所有!</p>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <!--中奖提示-->
  117. <div id="mask">
  118. <div class="blin"></div>
  119. <div class="caidai"></div>
  120. <div class="winning">
  121. <div class="red-head"></div>
  122. <div class="red-body">
  123. <p></p>
  124. </div>
  125. <div id="card">
  126. <a href="" target="_self" class="win"></a>
  127. </div>
  128. <a href="javascript:;" target="_self" class="btn"></a>
  129. <span id="close"></span>
  130. </div>
  131. </div>
  132. </div>
  133. <!--<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>-->
  134. <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.1.1/jquery.min.js"></script>
  135. <script src="../common/js/swiper.jquery.min.js"></script>
  136. <!-- <script src="../common/js/h5_game_common.js?version=1.0.0"></script>
  137. <script src="js/index.js?version=1.0.0"></script> -->
  138. <script>
  139. document.write("<s"+"cript type='text/javascript' src='../common/js/h5_game_common.js?version="+Math.random()+"'></scr"+"ipt>");
  140. document.write("<s"+"cript type='text/javascript' src='./js/index.js?version="+Math.random()+"'></scr"+"ipt>");
  141. </script>
  142. </body>
  143. </html>