Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
 
 
 

158 строки
6.4 KiB

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
  5. <meta http-equiv="Pragma" content="no-cache" />
  6. <meta http-equiv="Expires" content="0" />
  7. <meta charset="UTF-8">
  8. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  9. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  10. <title>幸运卡牌</title>
  11. <!-- 移动端适配 -->
  12. <script>
  13. var html = document.querySelector('html');
  14. changeRem();
  15. window.addEventListener('resize', changeRem);
  16. function changeRem() {
  17. var width = html.getBoundingClientRect().width;
  18. html.style.fontSize = width / 10 + 'px';
  19. }
  20. </script>
  21. <!--
  22. 清除缓存方法,对自定义的css文件
  23. -->
  24. <script>
  25. document.write("<l" + "ink rel='stylesheet' href='../common/css/common_mobile.css?version=" + Math.random() +
  26. "'>");
  27. document.write("<l" + "ink rel='stylesheet' href='./css/index.css?version=" + Math.random() + "'>");
  28. </script>
  29. <link rel="stylesheet" href="../common/css/swiper.min.css">
  30. <!-- <link rel="stylesheet" href="../common/css/common_mobile.css?version=1.0.1"> -->
  31. <!-- <link rel="stylesheet" href="./css/index.css?version=1.0.1"> -->
  32. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  33. </head>
  34. <body>
  35. <!-- <button class="fenxiang">分享</button> -->
  36. <div id="wrap">
  37. <p class="rule fl">规则</p>
  38. <a href="javascript:;" id="myWin">我的</a>
  39. <a href="javascript:;" id="share" class="">分享</a>
  40. <a href="javascript:;" id="gotoindex" class="">返回</a>
  41. <div class="b1">
  42. </div>
  43. <!-- <div class="t_w">
  44. <span class="span-text">请手动点击右上角</span>
  45. <span class="span-blue">...</span>
  46. <span class="span-text">选择</span>
  47. <span class="span-blue">转发</span>
  48. <span class="span-text">完成分享</span>
  49. <img src="../../common/image/icon/close.png" class="s-close">
  50. </div> -->
  51. <div class="t_w">
  52. </div>
  53. <div class="main">
  54. <h2 style="color:#fff;display:none;" id="change-box"></h2>
  55. <div id="explain" style="display: none;">
  56. <div style="font-size: 16px;color: #fff;text-align: center;margin-top: 20px;" id="integration"></div>
  57. <div style="font-size: 16px;color: #fff;text-align: center;">查看我的积分余额请到积分商城查询</div>
  58. </div>
  59. <ul class="box">
  60. <li class="animate1">
  61. <img src="./image/pattern1.png">
  62. </li>
  63. <li class="animate2">
  64. <img src="./image/pattern2.png">
  65. </li>
  66. <li class="animate3">
  67. <img src="./image/pattern3.png">
  68. </li>
  69. <li class="animate4">
  70. <img src="./image/pattern4.png">
  71. </li>
  72. <li class="animate5">
  73. <img src="./image/pattern1.png">
  74. </li>
  75. <li>
  76. <img src="./image/pattern2.png">
  77. </li>
  78. </ul>
  79. <!--奖品展示-->
  80. <div class="awards">
  81. <div class="swiper-container">
  82. <ul class="swiper-wrapper">
  83. <!-- <li class="swiper-slide">
  84. <img src="../common/image/icon/drag/drag1.png">
  85. </li>
  86. <li class="swiper-slide">
  87. <img src="../common/image/icon/drag/drag2.png">
  88. </li>
  89. <li class="swiper-slide">
  90. <img src="../common/image/icon/drag/drag3.png">
  91. </li>
  92. <li class="swiper-slide">
  93. <img src="../common/image/icon/drag/drag4.png">
  94. </li>
  95. <li class="swiper-slide">
  96. <img src="../common/image/icon/drag/drag5.png">
  97. </li> -->
  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>抽取一张卡牌会生成抽奖结果,若有中奖可以在小程序的“券包”里面进行查看使用,活动解释权归官方所有!</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 id="warnning-box-bg" class="warnning-box-bg"></div>
  133. <div id="warnning-box">
  134. <div id="w-title"></div>
  135. <div id="w-cancel">取消</div>
  136. <div id="w-button">确定</div>
  137. </div>
  138. </div>
  139. <!--<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>-->
  140. <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.1.1/jquery.min.js"></script>
  141. <script src="../common/js/swiper.jquery.min.js"></script>
  142. <!-- <script src="../common/js/h5_game_common.js?version=1.0.1"></script>
  143. <script src="js/index.js?version=1.0.0"></script> -->
  144. <!--
  145. 清除缓存方法,对自定义的js文件
  146. -->
  147. <script>
  148. document.write("<s" + "cript type='text/javascript' src='../common/js/h5_game_common.js?version=" + Math
  149. .random() + "'></scr" + "ipt>");
  150. document.write("<s" + "cript type='text/javascript' src='./js/index.js?version=" + Math.random() + "'></scr" +
  151. "ipt>");
  152. </script>
  153. </body>
  154. </html>