z-bak-index.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>新浪微博会员畅享包</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <script type="text/javascript">
  10. var deviceWidth = document.documentElement.clientWidth;
  11. if (deviceWidth > 750) {
  12. deviceWidth = 750;
  13. }
  14. document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
  15. </script>
  16. <link rel="stylesheet" href="scss/main.css?v=12341324">
  17. <script src="../../public/libs/jquery-min.js"></script>
  18. <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  19. <script type="module" src="./dist/main.js"></script>
  20. </head>
  21. <body>
  22. <div class="overlay" style="display: none"></div>
  23. <div class="dialog dialog-order" style="display: none">
  24. <div class="face">
  25. <img src="images/face-sad.png">
  26. </div>
  27. <h2>对不起,订购失败!</h2>
  28. <p>XXX(原因),订购失败,敬请重新尝试!</p>
  29. <div class="btn">我知道了</div>
  30. </div>
  31. <div class="dialog dialog-alert" style="display:none">
  32. <h1>温馨提示</h1>
  33. <div class="content">
  34. 订购成功,恭喜恭喜🎉
  35. </div>
  36. <div class="actions">
  37. <div class="btn">关闭</div>
  38. </div>
  39. </div>
  40. <div class="dialog dialog-confirm" style="display:none;">
  41. <h2>领取会员</h2>
  42. <p>确认将新浪微博会员领取到您当前登陆的账号中吗?</p>
  43. <div class="actions" style="display: flex;">
  44. <div class="btn">领到其他账号</div>
  45. <div class="btn">是的</div>
  46. </div>
  47. </div>
  48. <div class="section-banner">
  49. <div class="banner">
  50. <img src="images/banner.png">
  51. </div>
  52. <div class="product">
  53. <img src="images/product.png">
  54. </div>
  55. </div>
  56. <div id="section-order" class="section-order">
  57. <div id="btn-order" class="btn btn-order">立即开通</div>
  58. <div class="btn btn-draw">如您已订购,<a id="btn-draw">请点此领取微博会员</a></div>
  59. </div>
  60. <div id="section-flow" class="section-flow">
  61. <div class="circle">
  62. <div class="vflag" style="display: none"><img src="images/v.png"></div>
  63. <div class="suplus">本月剩余<br>10.00GB</div>
  64. </div>
  65. <div class="btn">
  66. 刷新流量
  67. </div>
  68. <div class="phone">免流号码:1**********</div>
  69. <div class="member">如您已订购,<a href="javascript:void(0)">请点此领取微博会员</a></div>
  70. </div>
  71. <div id="section-cancel" class="section-cancel" style="display: none">
  72. <div class="tips">
  73. <div class="left">
  74. <img src="images/left.png">
  75. </div>
  76. <div class="mid">很荣幸一直有您的支持与陪伴~真的要选择离开嘛~让我们重回小畅与您的快乐时光吧!</div>
  77. <div class="right">
  78. <img src="images/right.png">
  79. </div>
  80. </div>
  81. <div class="sms-form">
  82. <div class="form-group">
  83. <div class="input-row">
  84. <input class="usermob" type="tel" maxlength="11" name="phone" placeholder="请输入联通手机号码" />
  85. </div>
  86. <div class="input-row">
  87. <input class="smscode" type="tel" maxlength="6" name="sms" placeholder="请输入验证码">
  88. <span class="sendcode">获取验证码</span>
  89. </div>
  90. <div class="actions">
  91. <div class="btn login">确认退订</div>
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. <div id="section-draw" class="section-draw" style="display: none">
  97. <div class="tips">
  98. <div class="left">
  99. <img src="images/left.png">
  100. </div>
  101. <div class="mid">领取微博会员畅享包会员</div>
  102. <div class="right">
  103. <img src="images/right.png">
  104. </div>
  105. </div>
  106. <div class="sms-form">
  107. <div class="form-group">
  108. <div class="input-row">
  109. <input class="usermob" type="tel" maxlength="11" name="phone" placeholder="请输入联通手机号码" />
  110. </div>
  111. <div class="input-row">
  112. <input class="smscode" type="tel" maxlength="6" name="sms" placeholder="请输入验证码">
  113. <span class="sendcode">获取验证码</span>
  114. </div>
  115. <div class="actions">
  116. <div class="btn login">立即领取</div>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <div id="section-active" class="section-active" style="display: none">
  122. <div class="tips">
  123. <div class="left">
  124. <img src="images/left.png">
  125. </div>
  126. <div class="mid">激活微博会员畅享包专属流量</div>
  127. <div class="right">
  128. <img src="images/right.png">
  129. </div>
  130. </div>
  131. <div class="sms-form">
  132. <div class="form-group">
  133. <div class="input-row">
  134. <input class="usermob" type="tel" maxlength="11" name="phone" placeholder="请输入联通手机号码" />
  135. </div>
  136. <div class="input-row">
  137. <input class="smscode" type="tel" maxlength="6" name="sms" placeholder="请输入验证码">
  138. <span class="sendcode">获取验证码</span>
  139. </div>
  140. <div class="actions">
  141. <div class="btn login">立即激活</div>
  142. </div>
  143. </div>
  144. </div>
  145. </div>
  146. <div class="section-agr">
  147. <div class="title">温馨提示</div>
  148. <ul>
  149. <li>1、此服务为微博免流量包月会员,资费15元/月,每月自动从手机话费中扣除。除每月享受微博会员38项会员特权外,每月还享受10G微博定向流量;</li>
  150. <li>2、订购免流量会员服务后,微博会员和10GB定向流量包立即生效。该月免流月底失效,次月自动续费;</li>
  151. <li>3、如您订购成功业务存在以下情况,请<a id="btn-active" href="javascript:void(0)">点此进行激活</a>(1)非微博客户端订购业务;(2)更换手机设备;(3)卸载或重新安装客户端;</li>
  152. <li>4、微博定向流量免流的范围包括:(1)微博APP:微博首页/热门信息流中的图片、文章、一直播、秒拍和话题;消息板块;发布文字、图片/视频、头条文章、直播和光影秀;发现广场内直播、找人和搜索板块;加关注、取消关注和搜索功能;(2)秒拍APP:主页、热榜、发现频道和缓存视频;(3)一直播APP:主播开直播,观众看直播;(4)产品内的10GB流量包不适用于微博、秒拍、一直播APP内的第三方提供的广告、视频、图片及通讯所产生的流量;</li>
  153. <li>5、请在UNINET、3GNET、WONET接入点环境下使用该定向流量包,其他接入点环境可能导致无法正常免流;</li>
  154. <li>6、该服务支持中国联通4G用户(除部分冰激凌套餐、主副卡套餐、4G全国共享套餐等不限流量套餐以及省内资费套餐)均可订购,4G套餐中的全国共享组合套餐、4G全国套餐主副卡用户和智慧沃家共享套餐中手机用户等共享类套餐用户的其他手机号码,不共享该月包,需要单独订购;</li>
  155. <li>7、如您已经成功订购过微博免流卡产品,将优先使用流量卡产品的流量,免流卡流量用罄后将消耗定向流量包的流量;</li>
  156. <li>8、如果您需要退订业务,可<a id="btn-cancel" href="javascript:void(0)">点此进行退订</a>;</li>
  157. <li>9、关于免流如有疑问请咨询联通客服:10010。</li>
  158. </ul>
  159. </div>
  160. </body>
  161. </html>