Bez popisu

myRedEnvelopes.html 6.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0"
  7. />
  8. <title>我的红包</title>
  9. <link rel="stylesheet" type="text/css" href="../common/reset.css" />
  10. <link rel="stylesheet" href="./css/swiper.min.css">
  11. <link rel="stylesheet" type="text/css" href="css/myRedEnvelopes.css?v=1.0.12" />
  12. <script type="text/javascript" src="../common/jquery-2.1.0.js"></script>
  13. <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://"); document.write(unescape("%3Cspan id='cnzz_stat_icon_1276016080'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s5.cnzz.com/z_stat.php%3Fid%3D1276016080' type='text/javascript'%3E%3C/script%3E"));</script>
  14. <script type="text/javascript">
  15. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth / 375) + "px";
  16. window.onresize  =  function () {
  17. document.documentElement.style.fontSize  =  100  *  (document.documentElement.clientWidth / 375)  +  "px";
  18. }
  19. document.getElementById("cnzz_stat_icon_1276016080").style.display = "none"; // 隐藏统计小图标
  20. //声明_czc对象:
  21. var _czc = _czc || [];
  22. //绑定siteid,请用您的siteid替换下方"XXXXXXXX"部分
  23. _czc.push(["_setAccount", "1276016080"]);
  24. </script>
  25. <style>
  26. .refreshText {
  27. position: absolute;
  28. width: 100%;
  29. line-height: 0.5rem;
  30. text-align: center;
  31. left: 0;
  32. top: 0.5rem;
  33. display: none;
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <!-- 下拉刷新 -->
  39. <p class="refreshText"></p>
  40. <div class="all">
  41. <!-- tab切换 -->
  42. <ul class="tab">
  43. <li class="tabActive tab_total" onclick="totalRedEnvelopesEvent()">所有红包</li>
  44. <li class="tab_account" onclick="myAccountEvent()">红包账户</li>
  45. <li class="tab_order" onclick="awardOrderEvent()">奖励订单</li>
  46. </ul>
  47. <!-- 接口数据为空时 -->
  48. <div class="error">
  49. <img src="./img/ku.png" alt="">
  50. <span class="title">你目前还没有红包哦 下单购买红包商品就能获得红</span>
  51. <div class="a" onclick="goRule()">
  52. 查看红包规则
  53. <img src="./img/back.png" alt="">
  54. </div>
  55. </div>
  56. <!-- 新人红包弹窗 -->
  57. <div class="new_people_mask">
  58. <div class="new_people_con">
  59. <div class="price">
  60. <span></span>
  61. <img src="img/new_people_title.png" />
  62. </div>
  63. <p>任下一单即可提现红包
  64. <br/>快去下单吧!</p>
  65. <button onclick="i_know_event()">我知道啦</button>
  66. </div>
  67. </div>
  68. <!-- 红包列表 -->
  69. <div class="totalRedEnvelopes">
  70. <ul>
  71. </ul>
  72. <div class="userList">
  73. </div>
  74. </div>
  75. <!-- 红包账户 -->
  76. <div class="account">
  77. <!-- 待提现 -->
  78. <div class="toBePresent">
  79. <div class="balances">
  80. <div class="balances_info">余额
  81. <span></span>
  82. </div>
  83. <div class="toBePresentRule" onclick="goRule()">关于红包 ></div>
  84. </div>
  85. <div class="common_demolition"></div>
  86. </div>
  87. <!-- 红包列表 -->
  88. <ul class="accountList">
  89. </ul>
  90. <div class="rule" onclick="goRule()">关于红包 ></div>
  91. </div>
  92. <!-- 奖励订单 -->
  93. <div class="awardOrder">
  94. <ul>
  95. </ul>
  96. <div class="rule" onclick="goRule()">关于红包 ></div>
  97. </div>
  98. <div class="mask">
  99. <!-- 下单现金红包 -->
  100. <div class="money">
  101. <div class="exit">
  102. <div class="img" onclick="exit()"></div>
  103. <span></span>
  104. </div>
  105. <h6>下单现金红包</h6>
  106. <ol class="main">
  107. <li class="step step-one">
  108. <div class="squera"></div>
  109. <div class="text">下单</div>
  110. </li>
  111. <li class="step step-two">
  112. <div class="squera"></div>
  113. <div class="text">确认收货</div>
  114. </li>
  115. <li class="step step-three">
  116. <div class="squera"></div>
  117. <div class="text">可提现</div>
  118. </li>
  119. </ol>
  120. <button onclick="exit()">知道了</button>
  121. </div>
  122. <!-- 邀请好友注册 -->
  123. <div class="newer">
  124. <div class="exit">
  125. <div class="img" onclick="exit()"></div>
  126. <span></span>
  127. </div>
  128. <h6>拉新现金红包</h6>
  129. <ol class="main">
  130. <li class="step step-one">
  131. <div class="squera"></div>
  132. <div class="text">好友注册</div>
  133. </li>
  134. <li class="step step-two">
  135. <div class="two">
  136. <div class="before"></div>
  137. <div class="squera">0/3</div>
  138. <div class="after"></div>
  139. </div>
  140. <div class="text">好友下单</div>
  141. </li>
  142. <li class="step step-three">
  143. <div class="squera"></div>
  144. <div class="text">可提现</div>
  145. </li>
  146. </ol>
  147. <button onclick="exit()">知道了</button>
  148. </div>
  149. </div>
  150. </div>
  151. <div class="alert-info" style="display: none;">
  152. <!-- tip提示,3s后消失 -->
  153. <p></p>
  154. </div>
  155. <!-- loading -->
  156. <div class="loading">
  157. <img src="img/loading.gif" />
  158. </div>
  159. <!-- 过审时 -->
  160. <div class="speical">
  161. <div class="h6">现有下单奖励红包和现金红包,【登录】即可领取</div>
  162. <div class="imgList">
  163. <div class="firstGrade">
  164. <div class="leftText">
  165. <p>奖励红包</p>
  166. <span>购买任何商品都有红包</span>
  167. </div>
  168. <div class="rightText">¥30</div>
  169. </div>
  170. <div class="secondGrade">
  171. <div class="leftText">
  172. <p>现金红包</p>
  173. <span>新用户专属可直接提现</span>
  174. </div>
  175. <div class="rightText">¥22</div>
  176. </div>
  177. </div>
  178. <div class="noLoginList">
  179. <div class="h6">已有 人领到了红包</div>
  180. <div class="swiper-container swiper-no-swiping" id="swipering">
  181. <ul class="swiper-wrapper">
  182. </ul>
  183. </div>
  184. </div>
  185. <div class="button" onclick="login()">领取红包</div>
  186. </div>
  187. <!-- 没有登录时 -->
  188. <div class="noLogin">
  189. <img class="back" src="./img/nologin.jpg" alt="">
  190. <!-- <div class="h6">现有下单奖励红包和现金红包,【登录】即可领取</div>
  191. <div class="imgList">
  192. <div class="firstGrade">
  193. <div class="leftText">
  194. <p>奖励红包</p>
  195. <span>购买任何商品都有红包</span>
  196. </div>
  197. <div class="rightText">¥30</div>
  198. </div>
  199. <div class="secondGrade">
  200. <div class="leftText">
  201. <p>现金红包</p>
  202. <span>新用户专属可直接提现</span>
  203. </div>
  204. <div class="rightText">¥22</div>
  205. </div>
  206. </div>
  207. <div class="noLoginList">
  208. <div class="h6">已有 人领到了红包</div>
  209. <div class="swiper-container swiper-no-swiping" id="swipering">
  210. <ul class="swiper-wrapper">
  211. </ul>
  212. </div>
  213. </div>
  214. <div class="button" onclick="login()">领取红包</div> -->
  215. <img class="login" src="./img/login.png" onclick="login()">
  216. <a onClick="goGuide()" class="otherLink"></a>
  217. </div>
  218. </body>
  219. </html>
  220. <script src="./js/swiper.min.js"></script>
  221. <script src="js/myRedEnvelopes.js?v=1.0.2"></script>