_index.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. <!doctype html>
  2. <html>
  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 name="format-detection" content="telephone=no" />
  7. <title>饭盒视频联合多玩农药送皮肤</title>
  8. <link href="sass/global.scss" rel="stylesheet">
  9. <script src="lib/jquery-2.2.4.js"></script>
  10. </head>
  11. <body>
  12. <div class="activity-wrap">
  13. <section class="zt-mod-primary">
  14. <h1>饭盒视频</h1>
  15. <img src="/src/img/bg-mod1.jpg" alt="">
  16. </section>
  17. <section class="zt-mod-lottory">
  18. <h2 class="mod-title mod-title2"></h2>
  19. <p class="tip-lottery">
  20. <span>剩余<em id="gachaCount"></em>次抽奖机会</span>
  21. <span class="btn-award">我的奖品»</span>
  22. </p>
  23. <div class="lottery-wrap">
  24. <ul class="lottery-cot" id="lottery">
  25. <li class="lottery-item lottery-item1" data-order="0" data-score="5">
  26. <p>史诗皮肤<br>(2888<img src="http://pub.dwstatic.com/p/2017zt/fhwzry//img/icon-quan_3d84bba.png">)</p>
  27. </li>
  28. <li class="lottery-item lottery-item2" data-order="1" data-score="1">
  29. <p>10<img src="http://pub.dwstatic.com/p/2017zt/fhwzry//img/icon-quan_3d84bba.png"></p>
  30. </li>
  31. <li class="lottery-item lottery-item3" data-order="2" data-score="5">
  32. <p>传说皮肤<br>(1688<img src="http://pub.dwstatic.com/p/2017zt/fhwzry//img/icon-quan_3d84bba.png">)</p>
  33. </li>
  34. <li class="lottery-item lottery-item4" data-order="7" data-score="0">
  35. <p>没中奖</p>
  36. </li>
  37. <li class="lottery-item btn-lottery disabled"></li>
  38. <li class="lottery-item lottery-item5" data-order="3" data-score="6">
  39. <p>首充英雄<br>(60<img src="http://pub.dwstatic.com/p/2017zt/fhwzry//img/icon-quan_3d84bba.png">)</p>
  40. </li>
  41. <li class="lottery-item lottery-item6" data-order="6" data-score="6">
  42. <p>勇者皮肤<br>(60<img src="http://pub.dwstatic.com/p/2017zt/fhwzry//img/icon-quan_3d84bba.png">)</p>
  43. </li>
  44. <li class="lottery-item lottery-item7" data-order="5" data-score="1">
  45. <p>10<img src="http://pub.dwstatic.com/p/2017zt/fhwzry//img/icon-quan_3d84bba.png"></p>
  46. </li>
  47. <li class="lottery-item lottery-item8" data-order="4" data-score="28">
  48. <p>普通皮肤<br>(288<img src="http://pub.dwstatic.com/p/2017zt/fhwzry//img/icon-quan_3d84bba.png">)</p>
  49. </li>
  50. </ul>
  51. </div>
  52. </section>
  53. <section class="zt-mod-share">
  54. <h2 class="mod-title mod-title3"></h2>
  55. <div class="box">
  56. <h3>01.下载后使用微信登录可获得2次抽奖机会</h3>
  57. <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ouj.fhvideo" class="btn btn-download">安装饭盒视频</a>
  58. <p>( 注:仅微信登录可获得抽奖机会 )</p>
  59. </div>
  60. <div class="box">
  61. <div class="p-wrap" id="process">
  62. <div class="p-inner"></div>
  63. <div class="p-target"></div>
  64. </div>
  65. <ul class="list-hero">
  66. <li></li>
  67. <li></li>
  68. <li></li>
  69. <li></li>
  70. </ul>
  71. <h3>02.距离击杀<span id="needAssistHero">-</span>还需<span class="font-yellow" id="needAssistNum">-</span>个助攻<br>
  72. 击杀成功后可获得<span class="font-yellow">2</span>次抽奖机会</h3>
  73. <div class="btn btn-share">邀请好友助攻</div>
  74. </div>
  75. </section>
  76. <section class="zt-mod-act">
  77. <div class="mod-title mod-title4"></div>
  78. <div class="mod-intro">
  79. <p><b>1、</b>每个用户有1次初始抽奖次数;</p>
  80. <p><b>2、</b>下载APP且用微信登录后可以获得2次抽奖机会;</p>
  81. <p><b>3、</b>每个用户可以邀请好友助攻,成功邀请4个好友可以再获得2次抽奖机会;</p>
  82. <p><b>4、</b>用户获得的奖品将通过公众号“多玩福利广场”,以微信红包的形式发放;领奖方式:关注微信“duowanmall”,回复“领奖”领取</p>
  83. <p><b>5、</b>活动时间:2017.11.22至2017.12.02</p>
  84. <p class="tip">* 本次活动最终解释权归活动方所有</p>
  85. </div>
  86. </section>
  87. <section class="zt-mod-footer">
  88. <div class="footer-fl"></div>
  89. <div class="footer-fm">
  90. <h3>饭盒视频</h3>
  91. <p>发现更精彩的游戏世界</p>
  92. </div>
  93. <div class="footer-fr">
  94. <a href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ouj.fhvideo" class="btn-open">下载抽奖</a>
  95. </div>
  96. </section>
  97. <section class="zt-mod-guide" @click="closeModGuide" v-show="isShowGuide">
  98. <div class="mask"></div>
  99. <div class="cont">
  100. <p>从这里分享给你的微信好友吧!</p>
  101. </div>
  102. </section>
  103. </div>
  104. <script src="lib/mod.js"></script>
  105. <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  106. <script>
  107. require('modules/page/index.js');
  108. </script>
  109. </body>
  110. </html>