Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 

193 linhas
7.3 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,maximum-scale=1,user-scalable=no">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>砸金蛋</title>
  8. <link rel="stylesheet" href="../common/css/common_mobile.css?version=1.0.0">
  9. <link rel="stylesheet" href="./css/index.css?version=1.0.0">
  10. <!--
  11. 清除缓存方法,对自定义的css文件
  12. -->
  13. <script>
  14. document.write("<l"+"ink rel='stylesheet' href='../common/css/common_mobile.css?version="+Math.random()+"'>");
  15. document.write("<l"+"ink rel='stylesheet' href='./css/index.css?version="+Math.random()+"'>");
  16. </script>
  17. <!-- 移动端适配-->
  18. <script>
  19. var html = document.querySelector('html');
  20. changeRem();
  21. window.addEventListener('resize', changeRem);
  22. function changeRem() {
  23. var width = html.getBoundingClientRect().width;
  24. //console.log( 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. <div class="bg"></div>
  33. <div class="rule"></div>
  34. <a href="javascript:;" id="myWin">
  35. <div class="my">我的奖品</div>
  36. </a>
  37. <a href="javascript:;" id="share" class="">分享</a>
  38. <a href="javascript:;" id="gotoindex" class="">返回</a>
  39. <!-- 分享弹框 -->
  40. <div class="b1">
  41. </div>
  42. <div class="t_w">
  43. </div>
  44. <!-- <div class="t_w">
  45. <span class="span-text">请手动点击右上角</span>
  46. <span class="span-blue">...</span>
  47. <span class="span-text">选择</span>
  48. <span class="span-blue">转发</span>
  49. <span class="span-text">完成分享</span>
  50. <img src="../../common/image/icon/close.png" class="s-close">
  51. </div> -->
  52. <!--砸蛋区域-->
  53. <div class="box">
  54. <div id="explain" style="display: none;">
  55. <div style="font-size: 16px;color: #fff;text-align: center;margin-top: 20px;" id="integration"></div>
  56. <div style="font-size: 16px;color: #fff;text-align: center;">查看我的积分余额请到积分商城查询</div>
  57. </div>
  58. <p class="tips" style="display:none;" id="change-box">今天剩余免费<span id="change">0</span>次</p>
  59. <ul class="egg clearfix">
  60. <li>
  61. <img src="./image/egg.png" class="goldegg init">
  62. <img src="./image/base.png">
  63. <div class="info"></div>
  64. </li>
  65. <li>
  66. <img src="./image/egg.png" class="goldegg init">
  67. <img src="./image/base.png">
  68. <div class="info"></div>
  69. </li>
  70. <li>
  71. <img src="./image/egg.png" class="goldegg init">
  72. <img src="./image/base.png">
  73. <div class="info"></div>
  74. </li>
  75. <li>
  76. <img src="./image/egg.png" class="goldegg init">
  77. <img src="./image/base.png">
  78. <div class="info"></div>
  79. </li>
  80. <li>
  81. <img src="./image/egg.png" class="goldegg init">
  82. <img src="./image/base.png">
  83. <div class="info"></div>
  84. </li>
  85. <li>
  86. <img src="./image/egg.png" class="goldegg init">
  87. <img src="./image/base.png">
  88. <div class="info"></div>
  89. </li>
  90. <li>
  91. <img src="./image/egg.png" class="goldegg init">
  92. <img src="./image/base.png">
  93. <div class="info"></div>
  94. </li>
  95. <li>
  96. <img src="./image/egg.png" class="goldegg init">
  97. <img src="./image/base.png">
  98. <div class="info"></div>
  99. </li>
  100. <li>
  101. <img src="./image/egg.png" class="goldegg init">
  102. <img src="./image/base.png">
  103. <div class="info"></div>
  104. </li>
  105. </ul>
  106. <div id="hammer" class="shak"></div>
  107. </div>
  108. <!--游戏规则弹窗-->
  109. <div id="mask-rule">
  110. <div class="box-rule">
  111. <span class="star"></span>
  112. <h2>活动规则说明</h2>
  113. <span id="close-rule"></span>
  114. <div class="con">
  115. <div class="text">
  116. <p>点击不同的金蛋会生成一份中奖结果,若有中奖可以在小程序的“券包”里面进行查看使用,活动解释权归官方所有!</p>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <!--中奖提示-->
  122. <div id="mask">
  123. <div class="blin"></div>
  124. <div class="caidai"></div>
  125. <div class="winning">
  126. <div class="red-head"></div>
  127. <div class="red-body">
  128. <p></p>
  129. </div>
  130. <div id="card">
  131. <a href="" target="_self" class="win"></a>
  132. </div>
  133. <a href="javascript:;" target="_self" class="btn replay"></a>
  134. <span id="close" class="replay"></span>
  135. </div>
  136. </div>
  137. <div id="warnning-box-bg" class="warnning-box-bg"></div>
  138. <div id="warnning-box">
  139. <div id="w-title"></div>
  140. <div id="w-cancel">取消</div>
  141. <div id="w-button">确定</div>
  142. </div>
  143. </div>
  144. <!--<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>-->
  145. <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.1.1/jquery.min.js"></script>
  146. <script src="../common/js/jquery.cookie.js"></script>
  147. <script>
  148. document.write("<s"+"cript type='text/javascript' src='../common/js/h5_game_common.js?version="+Math.random()+"'></scr"+"ipt>");
  149. document.write("<s"+"cript type='text/javascript' src='./js/index.js?version="+Math.random()+"'></scr"+"ipt>");
  150. </script>
  151. <!--<script>
  152. var data = "";
  153. //执行第一次
  154. clickData(true);
  155. //请求回调,并且在ji中执行此代码,请加入防止连点措施
  156. function clickData(bool) {
  157. $.ajaxSettings.async = false;
  158. if (bool) {//若只请求次数
  159. $.getJSON(basePath + "api/browse/browseAeI?appKey=" + queryString("appKey") + "&pId=" + queryString("pId") + "&caId=" + queryString("caId") + "&index=0&isFirst=1", "", function (datac) {
  160. if (null !== datac && "" !== datac) {
  161. data = datac;
  162. //设定中奖次数
  163. $("#change").html(data.count);
  164. }
  165. });
  166. } else {
  167. $.getJSON(basePath + "api/browse/browseAeI?appKey=" + queryString("appKey") + "&pId=" + queryString("pId") + "&caId=" + queryString("caId") + "&index=0&isFirst=0", "", function (datac) {
  168. if (null !== datac && "" !== datac) {
  169. data = datac;
  170. //设定中奖的图片
  171. $(".win").css("background-image", "url(" + data.adImgUrl + ")");
  172. //设定中奖次数
  173. $("#change").html(data.count);
  174. //设定中奖的跳转链接
  175. $winning.find("a").attr("href", data.adUrl + "?appKey=" + queryString("appKey") + "&pId=" + queryString("pId") + "&caId=" + queryString("caId") + "&adId=" + data.adId + "&index=0");
  176. }
  177. });
  178. }
  179. }
  180. </script>-->
  181. </body>
  182. </html>