index.html 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!--
  2. * @Description: cps阅读推荐banner
  3. * @FilePath: \cps阅读推荐\index.html
  4. * @Version: 1.0
  5. * @Autor: CuiGang
  6. * @Date: 2020-03-04 11:53:18
  7. * @LastEditors: CuiGang
  8. * @LastEditTime: 2020-03-05 13:46:32
  9. -->
  10. <!DOCTYPE html>
  11. <html lang="en">
  12. <head>
  13. <meta charset="UTF-8">
  14. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
  15. <title>{$activity['title']}</title>
  16. <link rel="stylesheet" href="{:asset('/css/frontend/subscrip/index.css')}">
  17. </head>
  18. <body style="margin: 0">
  19. <style type="text/css">
  20. body {
  21. -webkit-text-size-adjust: 100% ;
  22. }
  23. </style>
  24. <script src="{:asset('/js/frontend/subscrip/zepto.min.js')}"></script>
  25. <script>
  26. (function (doc, win) {
  27. var docEl = doc.documentElement,
  28. resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  29. recalc = function () {
  30. var clientWidth = docEl.clientWidth;
  31. if (!clientWidth) return;
  32. docEl.style.fontSize = 100 * (clientWidth / 360) + 'px';
  33. };
  34. recalc();
  35. if (!doc.addEventListener) return;
  36. win.addEventListener(resizeEvt, recalc, false);
  37. doc.addEventListener('DOMContentLoaded', recalc, false);
  38. window.log_host = '{$log_host}';
  39. window.theme = '{$Think.config.template.view_theme}';
  40. })(document, window);
  41. </script>
  42. <!-- read_recommend_ -->
  43. <div id="active">
  44. {if condition="!empty($activity)"}
  45. <div class="content">
  46. <img src="{:asset('/img/frontend/subscrip/bg-green.png')}" alt="" class="base_img">
  47. <div class="top">
  48. <img src="{:asset('/img/frontend/subscrip/wrong.png')}" alt="">
  49. <text style="vertical-align: middle">请仔细阅读参与规则</text>
  50. </div>
  51. <div class="title">{$activity['days']}天阅读计划</div>
  52. <div class="book_plan">
  53. <img src="{:asset('/img/frontend/subscrip/line.png')}" alt="" class="line">
  54. <text class="money">{$activity['price']}元</text>
  55. <text class="mark">,</text>
  56. <text class="day_num">无限{$activity['days']}天畅读</text>
  57. <text class="god_book">万本经典神书</text>
  58. </div>
  59. <div class="sign">
  60. <text>特惠报名</text>
  61. <text class="rmb">仅需{$activity['price']}元</text>,
  62. <text class="original">原价{$activity['old_price']}元</text>
  63. </div>
  64. <div class="limit">限时优惠,机不可失</div>
  65. <div class="btn btn-pay" data-goods_id="{$activity['goods_id']}" data-price="{$activity['price']}" data-act_id="{$activity['id']}" >立即报名</div>
  66. <div class="bottom_btn">
  67. <div class="left">
  68. <div>全站限免<text class="red">{$activity['days']}</text>天,报名仅需<text class="red">{$activity['price']}</text>元</div>
  69. <div>坚持阅读<text class="red">{$activity['days']}</text>天,全额返还报名费!</div>
  70. </div>
  71. <div class="btn_now btn-pay" data-goods_id="{$activity['goods_id']}" data-price="{$activity['price']}" data-act_id="{$activity['id']}">立即报名</div>
  72. </div>
  73. </div>
  74. <input type="hidden" id="sub_code" value="{$subCode}">
  75. {/if}
  76. </div>
  77. <input type="hidden" id="url" value="{$channelUrl}">
  78. <input type="hidden" id="acting" value="{$acting}">
  79. <div id="success_normal" style="display: none">
  80. <div class="mask_pop"></div>
  81. <div class="mask_warp">
  82. <img src="{:asset('/img/frontend/subscrip/mask-green.png')}" alt="" class="green">
  83. <div class="top">
  84. <div class="apply">恭喜报名成功!</div>
  85. <div class="today">快来完成今日的阅读打卡目标吧~</div>
  86. </div>
  87. <div class="down">
  88. <div class="txt">活动报名时间:{$activity['begin_date']}</div>
  89. <div class="txt">活动周期:{$activity['days']}天</div>
  90. </div>
  91. <div class="btn go_book">立即阅读</div>
  92. <img src="{:asset('/img/frontend/subscrip/bg.png')}" alt="" class="wrong close-normal">
  93. </div>
  94. </div>
  95. {if condition="$isfan eq 2"}
  96. <div id="success_code">
  97. <div class="mask_pop"></div>
  98. <div class="mask_warp">
  99. <img src="{:asset('/img/frontend/subscrip/mask-green.png')}" alt="" class="green">
  100. <div class="top">
  101. <div class="apply">恭喜报名成功!</div>
  102. <div class="today">快来完成今日的阅读打卡目标吧~</div>
  103. </div>
  104. <div class="code">
  105. <img src="{:asset('/img/frontend/subscrip/qrcode.png')}" alt="" class="qrcode">
  106. </div>
  107. <div class="down">
  108. <div class="txt">长按上图二维码3s</div>
  109. <div class="txt">点击【识别二维码】→点击【关注公众号】</div>
  110. <div class="txt">万本经典神书在等你哟~</div>
  111. </div>
  112. <img src="{:asset('/img/frontend/subscrip/code_gb.png')}" alt="" class="wrong">
  113. </div>
  114. </div>
  115. {/if}
  116. <script type="text/javascript" src="{:asset('/libs/Zepto-Cookie/zepto.cookie.min.js')}"></script>
  117. <script type="text/javascript" src="{:asset('/js/frontend/common.js?v=5')}"></script>
  118. <script type="text/javascript" src="{:asset('/js/frontend/cps_log.js')}"></script>
  119. <script type="text/javascript" src="{:asset('/js/frontend/subscrip/pay.js')}"></script>
  120. <script type="text/javascript">
  121. (function() {
  122. if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
  123. handleFontSize();
  124. } else {
  125. if (document.addEventListener) {
  126. document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
  127. } else if (document.attachEvent) {
  128. document.attachEvent("WeixinJSBridgeReady", handleFontSize);
  129. document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
  130. }
  131. }
  132. function handleFontSize() {
  133. WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
  134. WeixinJSBridge.on('menu:setfont', function() {
  135. WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
  136. });
  137. }
  138. })();
  139. document.documentElement.addEventListener('touchstart', function (event) {
  140. if (event.touches.length > 1) {
  141. event.preventDefault();
  142. }
  143. }, false);
  144. $('#success_normal .go_book').click(function(){
  145. var url = $('#url').val();
  146. window.location.href=url;
  147. })
  148. $('.close-normal').click(function(){
  149. $('#success_normal').hide();
  150. })
  151. </script>
  152. </body>
  153. </html>