Ei kuvausta

index.html 5.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="no" 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. <link rel="stylesheet" type="text/css" href="../../common/reset.css"/>
  8. <link rel="stylesheet" type="text/css" href="index.css"/>
  9. <script type="text/javascript" src="../../common/jquery-2.1.0.js"></script>
  10. <title>心愿清单</title>
  11. <script type="text/javascript">
  12. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  13. window.onresize = function(){
  14. document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
  15. }
  16. </script>
  17. </head>
  18. <body>
  19. <!--淘口令-->
  20. <input id="copy_1" type="text" readOnly="true" value=""/>
  21. <div id="copy_2"></div>
  22. <text id="taokouling"></text>
  23. <div id="container">
  24. <img class="banner" src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/banner.png" />
  25. <div id="share" onclick="goShare()">
  26. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/share.png" />
  27. <span>分享</span>
  28. </div>
  29. <div id="content">
  30. <!--活动时间-->
  31. <div class="activityTime">
  32. <img class="titleImg" src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/activityTime.png"/>
  33. <div class="changeTime">
  34. <div class="title">
  35. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/activityTimeTitle.png" />
  36. </div>
  37. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/maoGo.png" class="maogo"/>
  38. <div class="progress">
  39. <ul>
  40. <li>
  41. <span>11 月 1 日 0:00</span>
  42. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/location.png"/>
  43. <p style="min-height: 0.32rem;">活动开始</p>
  44. <button onclick="goPartake(1)">立即参与</button>
  45. </li>
  46. <li>
  47. <span>11 月 10 日 21:00</span>
  48. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/location.png"/>
  49. <p>开启红包兑换(数量有限, 先到先得)提前订好闹钟</p>
  50. <button onclick="goCash(2)">立即兑换</button>
  51. </li>
  52. <li>
  53. <span>11 月 11 日</span>
  54. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/location.png"/>
  55. <p>下单使用心愿红包</p>
  56. <button onclick="goOrder(3)">立即下单</button>
  57. </li>
  58. </ul>
  59. </div>
  60. </div>
  61. <div class="ps">PS:每天心愿值上限为500万,先到先得,手慢无!</div>
  62. </div>
  63. <!--心愿清单-->
  64. <div class="washDetailedList">
  65. <img class="titleImg" src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/washDetailedListTitle.png"/>
  66. <div class="washDetailed">
  67. <ul>
  68. <li>
  69. <h2>step1</h2>
  70. <p>打开App点击进入双11<br/>主会场或点击上方按钮<br/>立即参与</p>
  71. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/imgOne.png" />
  72. </li>
  73. <li>
  74. <h2>step2</h2>
  75. <p>从主会场进入双11<br/> 心愿清单活动</p>
  76. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/imgTwo.png" />
  77. </li>
  78. <li>
  79. <h2>step3</h2>
  80. <p>创建您的心愿清单</p>
  81. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/imgThree.png" />
  82. </li>
  83. <li>
  84. <h2>step4</h2>
  85. <p>每日分享<br/>邀请好友助力获得更多心愿值</p>
  86. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/imgFour.png" />
  87. </li>
  88. <li>
  89. <h2>step5</h2>
  90. <p>11月10日21:00<br/>开始兑换心愿红包<br/> 11日下单即可使用</p>
  91. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/imgFive.png" />
  92. </li>
  93. </ul>
  94. </div>
  95. </div>
  96. <!--注意事项-->
  97. <div class="carefulMatter">
  98. <img class="titleImg" src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/carefulMatter.png"/>
  99. <div class="con">
  100. <p>1. 创建心愿清单后,通过分享好友,帮忙助力可获得更多心愿值,享受更多优惠</p>
  101. <p>2. 帮好友助力心愿清单也能获得心愿值;</p>
  102. <p>3. 心愿红包可与优惠券及其他红包同时使用,立享折上折;</p>
  103. <p>4. 心愿红包只能兑换心愿清单中的商品红包;</p>
  104. <p>5. 若心愿值太多,可以去天猫统一的页面兑换更多商品红包。</p>
  105. </div>
  106. </div>
  107. <!--最终通关秘籍-->
  108. <div class="lastEsoterica">
  109. <img class="titleImg" src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/lastEsoterica.png"/>
  110. <div class="con">
  111. <p>双11心愿清单专属助力微信群</p>
  112. <p>现在加群,助力不愁!</p>
  113. <img src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/shuangshiyi/wishlist/evm.png" />
  114. <p>用手机截图,通过微信扫描二维码加群。</p>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. <div class="alert-info" style="display: none;">
  120. <!-- tip提示,3s后消失 -->
  121. <p></p>
  122. </div>
  123. </body>
  124. </html>
  125. <script type="text/javascript" src="index.js?v=2"></script>