wap.html 9.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="renderer" content="webkit">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <meta name="Keywords" content="多玩游戏">
  9. <meta name="description" content="">
  10. <title>多玩游戏网 | 多玩游戏 多交朋友</title>
  11. <link href="sass/wap.scss" rel="stylesheet">
  12. <script src="http://www.duowan.com/assets/js/jquery.js"></script><!--ignore-->
  13. <base target="_blank">
  14. </head>
  15. <body data-callId="1">
  16. <div class="o-wrap page-index">
  17. <header>
  18. <img src="/src/img/m-bg-1.jpg" alt="">
  19. </header>
  20. <div class="zt-mod-primary">
  21. <div class="g-zt-inner">
  22. <div class="mod-call mod-call-self">
  23. <h3>邀请好友组团打Call,成功邀请一定好友,即可领取对应奖励帮好友助威打Call,还能获得一次投实物大奖的机会</h3>
  24. <div class="btn-call" data-index="0">邀请好友为CF疯狂打Call</div>
  25. <p>已成功邀请<em class="invite-num">--</em>位好友</p>
  26. </div>
  27. <div class="mod-call mod-call-share">
  28. <h2>帮好友<span class="invite-name">XXX</span>助威打CALL,可获得<br>一次抽实特大奖的机会</h2>
  29. <div class="btn-call" data-index="1">帮好友助威打CALL</div>
  30. </div>
  31. <div class="mod-lottory">
  32. <p class="tip-lottery">剩余抽奖次数:<em>--次</em></p>
  33. <div class="lottery-wrap">
  34. <ul class="lottery-cot" id="lottery">
  35. <li class="lottery-item lottery-item1" data-order="0" data-score="5">
  36. <img src="http://screenshot.dwstatic.com/ojiastoreimage/935b860261acff184d9cea00c6350a33.png" alt="1钻石奖励 ">
  37. </li>
  38. <li class="lottery-item lottery-item2" data-order="1" data-score="6">
  39. <img src="http://screenshot.dwstatic.com/ojiastoreimage/233399042a0e78b34789f9ba3119fcf7.png" alt=" SWITCH游戏掌机">
  40. </li>
  41. <li class="lottery-item lottery-item3" data-order="2" data-score="4">
  42. <img src="http://screenshot.dwstatic.com/ojiastoreimage/af428136a25b6ba99ea3fdc8afea7393.png" alt=" 西数移动硬盘">
  43. </li>
  44. <li class="lottery-item lottery-item4" data-order="7" data-score="3">
  45. <img src="http://screenshot.dwstatic.com/ojiastoreimage/ef3d75e3003ddacdfe91029069bc8209.png" alt="雷蛇北海巨妖耳机 ">
  46. </li>
  47. <li class="lottery-item btn-lottery disabled" data-id="7"></li>
  48. <li class="lottery-item lottery-item5" data-order="3" data-score="10">
  49. <img src="http://screenshot.dwstatic.com/ojiastoreimage/374bb80e6d5f273326b3097ad047a5a6.png" alt=" 0.5钻石奖励">
  50. </li>
  51. <li class="lottery-item lottery-item6" data-order="6" data-score="2">
  52. <img src="http://screenshot.dwstatic.com/ojiastoreimage/3368290d39fb94a9672933714ab5e4be.png" alt="100元京东电子卡">
  53. </li>
  54. <li class="lottery-item lottery-item7" data-order="5" data-score="0">
  55. <img src="http://screenshot.dwstatic.com/ojiastoreimage/d45b87b8f7e6a1606fd3892a205bed9a.png" alt="谢谢参与 ">
  56. </li>
  57. <li class="lottery-item lottery-item8" data-order="4" data-score="1">
  58. <img src="http://screenshot.dwstatic.com/ojiastoreimage/09ac82d501ce26535aaae75a047311b8.png" alt="北通阿修罗手柄">
  59. </li>
  60. </ul>
  61. </div>
  62. </div>
  63. <div class="mod-call mb-100 mod-call-share">
  64. <h2>邀请好友组团打Call,成功邀请一定好友<br>即可领取对应奖励</h2>
  65. <div class="btn-call" data-index="0">我也要邀请好友打CALL</div>
  66. </div>
  67. </div>
  68. </div>
  69. <div class="zt-mod-task">
  70. <div class="mod-task">
  71. <ul class="list-task clearfix">
  72. <li data-calledCount="5">
  73. <p class="item-p1">防辐射眼镜<span>限量100个</span></p>
  74. <p class="item-p2">邀请5个好友打Call</p>
  75. <div class="item-goods item-goods1">
  76. <img src="/src/img/pic-goods1.png" alt="">
  77. </div>
  78. </li>
  79. <li data-calledCount="10">
  80. <p class="item-p1">10Q币<span>限量100个</span></p>
  81. <p class="item-p2">邀请10个好友打Call</p>
  82. <div class="item-goods item-goods2">
  83. <img src="/src/img/pic-goods2.png" alt="">
  84. </div>
  85. </li>
  86. <li data-calledCount="30">
  87. <p class="item-p1">50元爱奇艺会员代金券<span>限量100个</span></p>
  88. <p class="item-p2">邀请30个好友打Call</p>
  89. <div class="item-goods item-goods3">
  90. <img src="/src/img/pic-goods2.png" alt="">
  91. </div>
  92. </li>
  93. </ul>
  94. </div>
  95. </div>
  96. <div class="zt-mod-intro">
  97. <div class="g-zt-inner">
  98. <h2 class="mod-title">新版本《极限跑酷》精彩介绍</h2>
  99. <div class="mod-model clearfix">
  100. <div class="mod-fl">
  101. <img src="/src/img/pic-model1.jpg" alt="">
  102. </div>
  103. <div class="mod-fr">
  104. <h3>跳跳乐模式</h3>
  105. <p>CFSI半决赛剪影:勿以成败论英雄 念旧依旧成全场 CFSI2017越南邀请赛的半决赛是由中国的SV对阵越南的Boss。一起来回味一下吧!</p>
  106. </div>
  107. </div>
  108. <div class="mod-model2">
  109. <ul class="clearfix">
  110. <li>
  111. <img src="/src/img/pic-model2.jpg" alt="">
  112. <div class="mask">
  113. <h3>xxx模式</h3>
  114. <p>CFSI半决赛剪影:勿以成败论英雄 念旧依旧成全场</p>
  115. </div>
  116. <i class="icon icon-tl"></i>
  117. <i class="icon icon-tr"></i>
  118. <i class="icon icon-tr2"></i>
  119. <i class="icon icon-bl"></i>
  120. </li>
  121. <li>
  122. <img src="/src/img/pic-model2.jpg" alt="">
  123. <div class="mask">
  124. <h3>xxx模式</h3>
  125. <p>CFSI半决赛剪影:勿以成败论英雄 念旧依旧成全场</p>
  126. </div>
  127. <i class="icon icon-tl"></i>
  128. <i class="icon icon-tr"></i>
  129. <i class="icon icon-tr2"></i>
  130. <i class="icon icon-bl"></i>
  131. </li>
  132. <li>
  133. <img src="/src/img/pic-model2.jpg" alt="">
  134. <div class="mask">
  135. <h3>xxx模式</h3>
  136. <p>CFSI半决赛剪影:勿以成败论英雄 念旧依旧成全场</p>
  137. </div>
  138. <i class="icon icon-tl"></i>
  139. <i class="icon icon-tr"></i>
  140. <i class="icon icon-tr2"></i>
  141. <i class="icon icon-bl"></i>
  142. </li>
  143. <li>
  144. <img src="/src/img/pic-model2.jpg" alt="">
  145. <div class="mask">
  146. <h3>xxx模式</h3>
  147. <p>CFSI半决赛剪影:勿以成败论英雄 念旧依旧成全场</p>
  148. </div>
  149. <i class="icon icon-tl"></i>
  150. <i class="icon icon-tr"></i>
  151. <i class="icon icon-tr2"></i>
  152. <i class="icon icon-bl"></i>
  153. </li>
  154. </ul>
  155. </div>
  156. </div>
  157. </div>
  158. <div class="zt-mod-add">
  159. <p>这里是说明这里是说明这里是说明这里是说明这里是说明这里是说明这里是说明这里是说明</p>
  160. </div>
  161. <div class="zt-mod-guide">
  162. <div class="mask"></div>
  163. <div class="cont">
  164. <p>从这里分享给你的微信好友吧!</p>
  165. </div>
  166. </div>
  167. </div>
  168. <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  169. <script src="lib/mod.js"></script>
  170. <script>
  171. require('modules/page/wap.js');
  172. </script>
  173. </body>
  174. </html>