選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
 
 
 

134 行
5.4 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/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. <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. <script>
  22. document.write("<l" + "ink rel='stylesheet' href='../common/css/common_mobile.css?version=" + Math.random() + "'>");
  23. document.write("<l" + "ink rel='stylesheet' href='./css/index.css?version=" + Math.random() + "'>");
  24. </script>
  25. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  26. </head>
  27. <body>
  28. <div id="wrap">
  29. <div class="caidai1"></div>
  30. <div class="caidai2"></div>
  31. <div class="caidai3"></div>
  32. <p class="rule fl">规则</p>
  33. <a href="javascript:;" id="myWin">我的</a>
  34. <a href="javascript:;" id="share" class="">分享</a>
  35. <a href="javascript:;" id="gotoindex" class="">返回</a>
  36. <div class="b1">
  37. </div>
  38. <!-- <div class="t_w">
  39. <span class="span-text">请手动点击右上角</span>
  40. <span class="span-blue">...</span>
  41. <span class="span-text">选择</span>
  42. <span class="span-blue">转发</span>
  43. <span class="span-text">完成分享</span>
  44. <img src="../../common/image/icon/close.png" class="s-close">
  45. </div> -->
  46. <div class="t_w">
  47. </div>
  48. <!--游玩区域-->
  49. <div class="box">
  50. <div id="explain" style="display: none;">
  51. <div style="font-size: 16px;color: #fff;text-align: center;margin-top: 20px;" id="integration"></div>
  52. <div style="font-size: 16px;color: #fff;text-align: center;">查看我的积分余额请到积分商城查询</div>
  53. </div>
  54. <div class="panel">
  55. <canvas id="canvas" width="562" height="308"></canvas>
  56. <div id="canvas-mask">
  57. <a id="btn" href="javascript:;"></a>
  58. <p id="change-box" style="display:none;"></p>
  59. </div>
  60. </div>
  61. <!--奖品展示。-->
  62. <div class="awards">
  63. <div class="swiper-container">
  64. <ul class="swiper-wrapper">
  65. <!-- <li class="swiper-slide">
  66. <img src="../common/image/icon/drag/drag1.png">
  67. </li>
  68. <li class="swiper-slide">
  69. <img src="../common/image/icon/drag/drag2.png">
  70. </li>
  71. <li class="swiper-slide">
  72. <img src="../common/image/icon/drag/drag3.png">
  73. </li>
  74. <li class="swiper-slide">
  75. <img src="../common/image/icon/drag/drag4.png">
  76. </li>
  77. <li class="swiper-slide">
  78. <img src="../common/image/icon/drag/drag5.png">
  79. </li> -->
  80. </ul>
  81. </div>
  82. </div>
  83. </div>
  84. <!--游戏规则弹窗-->
  85. <div id="mask-rule">
  86. <div class="box-rule">
  87. <span class="star"></span>
  88. <h2>活动规则说明</h2>
  89. <span id="close-rule"></span>
  90. <div class="con">
  91. <div class="text">
  92. <p>刮取图片完成抽奖,若有中奖可以在小程序的“券包”里面进行查看使用,活动解释权归官方所有!</p>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. <!--中奖提示-->
  98. <div id="mask">
  99. <div class="blin"></div>
  100. <div class="caidai"></div>
  101. <div class="winning">
  102. <div class="red-head"></div>
  103. <div class="red-body">
  104. <p></p>
  105. </div>
  106. <div id="card">
  107. <a href="" target="_self" class="win"></a>
  108. </div>
  109. <a target="_self" class="btn"></a>
  110. <span id="close"></span>
  111. </div>
  112. </div>
  113. <div id="warnning-box-bg" class="warnning-box-bg"></div>
  114. <div id="warnning-box">
  115. <div id="w-title"></div>
  116. <div id="w-cancel">取消</div>
  117. <div id="w-button">确定</div>
  118. </div>
  119. </div>
  120. <!--<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>-->
  121. <script src="https://s3.pstatp.com/cdn/expire-1-M/jquery/3.3.1/jquery.min.js"></script>
  122. <script src="../common/js/swiper.jquery.min.js"></script>
  123. <script>
  124. document.write("<s" + "cript type='text/javascript' src='../common/js/h5_game_common.js?version=" + Math.random() + "'></scr" + "ipt>");
  125. document.write("<s" + "cript type='text/javascript' src='./js/index.js?version=" + Math.random() + "'></scr" + "ipt>");
  126. </script>
  127. </body>
  128. </html>