index.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
  6. <meta content="yes" name="apple-mobile-web-app-capable">
  7. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  8. <meta content="telephone=no" name="format-detection">
  9. <title></title>
  10. <link rel="stylesheet" type="text/css" href="images/style.css"/>
  11. <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
  12. <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
  13. <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
  14. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  15. <script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
  16. <!--<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/swiper.min.js"></script>-->
  17. <!--<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/city-picker.min.js"></script>-->
  18. <!--<script src="http://assets.js-dctech.com/marketing-template/global.js"></script>-->
  19. <!--<script src="http://assets.js-dctech.com/marketing-template/index.js"></script>-->
  20. <script src="js/global.js"></script>
  21. <script src="js/index.js"></script>
  22. </head>
  23. <body>
  24. <div class="warp">
  25. <div class="head">
  26. <div class="center">
  27. <div class="logo"><img src="images/logo.png" alt=""/></div>
  28. <div id="explain_popup" class="txt">活动说明</div>
  29. </div>
  30. </div>
  31. <div class="img-title"><img src="images/title.png" alt=""/> </div>
  32. <div class="info">
  33. <div class="top">占位</div>
  34. <div class="ticket"><b id="reward"></b><span id="unit" style="display: none">分</span></div>
  35. <div id="prompt" class="txt" ></div>
  36. <div id="receiveReward" class="btn"><img id="rewardBtn" src="" alt=""/></div>
  37. </div>
  38. <div class="foot">江苏鼎昌科技提供技术支持</div>
  39. <div id="explain" class="weui-popup__container">
  40. <div class="weui-popup__overlay"></div>
  41. <div class="weui-popup__modal">
  42. <div class="board-bar" style="position: relative">
  43. <b class="b-close"></b>
  44. <h1 class="popup-h1" style="text-align:center">活动说明</h1>
  45. <div class="center">
  46. <div id="explain_content" class="explain-content">
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. <div id="mpQrcode" class="weui-popup__container">
  53. <div class="weui-popup__overlay"></div>
  54. <div class="weui-popup__modal">
  55. <div class="board-bar" style="text-align: center; position: relative">
  56. <b class="b-close"></b>
  57. <h1 class="popup-h1">关注公众号领取奖励</h1>
  58. <div style="width: 60%; margin: 0 auto;"><img id="mpQrcodeImg" src="" alt=""/></div>
  59. <h2 style=" padding: 20px; font-size: 14px;">长按图中二维码,识别二维码<br>关注公众号</h2>
  60. </div>
  61. </div>
  62. </div>
  63. <div id="register" class="weui-popup__container">
  64. <div class="weui-popup__overlay"></div>
  65. <div class="weui-popup__modal">
  66. <div class="board-bar" style="text-align: center; position: relative">
  67. <b class="b-close"></b>
  68. <h1 class="popup-h1">完善信息</h1>
  69. </div>
  70. <div class="weui-cells weui-cells_form">
  71. <form id="registerForm">
  72. <div class="weui-cell ">
  73. <div class="weui-cell__hd">
  74. <label class="weui-label">手机号</label>
  75. </div>
  76. <div class="weui-cell__bd">
  77. <input name="phone" class="weui-input" type="tel">
  78. </div>
  79. <!--<div class="weui-cell__ft">-->
  80. <!--<button class="weui-vcode-btn">获取验证码</button>-->
  81. <!--</div>-->
  82. </div>
  83. <div class="weui-cell">
  84. <div class="weui-cell__hd"><label for="birthDate" class="weui-label">生日</label></div>
  85. <div class="weui-cell__bd">
  86. <input id="birthDate" name="birthDate" type="text">
  87. </div>
  88. </div>
  89. <div class="weui-cell">
  90. <div class="weui-cell__hd"><label class="weui-label">昵称</label></div>
  91. <div class="weui-cell__bd">
  92. <input name="nickName" class="weui-input" type="text">
  93. </div>
  94. </div>
  95. <div class="weui-cell">
  96. <div class="weui-cell__hd"><label class="weui-label">性别</label></div>
  97. <label class="weui-cell" style="padding: 0px;position: static;">
  98. <div class="weui-cell__bd weui-cells_checkbox">
  99. <input type="radio" class="weui-check" name="sex" value="1">
  100. <i class="weui-icon-checked"></i>
  101. </div>
  102. <div class="weui-cell__bd">
  103. <p>男</p>
  104. </div>
  105. </label>
  106. <label class="weui-cell" style="padding: 0px 0px 0px 15px;position: static;">
  107. <div class="weui-cell__bd weui-cells_checkbox">
  108. <input type="radio" class="weui-check" name="sex" value="2">
  109. <i class="weui-icon-checked"></i>
  110. </div>
  111. <div class="weui-cell__bd">
  112. <p>女</p>
  113. </div>
  114. </label>
  115. </div>
  116. </form>
  117. <div class="weui-btn-area">
  118. <a class="weui-btn weui-btn_primary" style="background: #ff5500" href="javascript:" id="register_button">提交</a>
  119. </div>
  120. </div>
  121. </div>
  122. </div>
  123. </div>
  124. </body>
  125. </html>