index.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-scalable=no">
  6. <meta name="format-detection" content="telephone=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <title>读书挑战赛</title>
  9. <link rel="stylesheet" href="{:asset('/css/frontend/campaign/common.css')}">
  10. <link rel="stylesheet" href="{:asset('/css/frontend/campaign/base.css')}">
  11. <link rel="stylesheet" href="{:asset('/css/frontend/campaign/index.css')}">
  12. <script>
  13. (function (doc, win) {
  14. var docEl = doc.documentElement,
  15. resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
  16. recalc = function () {
  17. var clientWidth = docEl.clientWidth;
  18. if (!clientWidth) return;
  19. docEl.style.fontSize = 100 * (clientWidth / 720) + 'px';
  20. };
  21. recalc();
  22. if (!doc.addEventListener) return;
  23. win.addEventListener(resizeEvt, recalc, false);
  24. doc.addEventListener('DOMContentLoaded', recalc, false);
  25. window.log_host = '{$log_host}';
  26. window.theme = '{$Think.config.template.view_theme}';
  27. })(document, window);
  28. </script>
  29. </head>
  30. <body>
  31. <div class="change">
  32. <div class="top">
  33. <div class="top_tip">
  34. <div class="top_list">
  35. {foreach name="$barrage['name']" item="vo" key="k"}
  36. <div class="top_item">{$vo}</div>
  37. {/foreach}
  38. </div>
  39. </div>
  40. {volist name="curData" id="vo"}
  41. <div id="top_card{$vo.kandian}" class="top_card">
  42. <div class="top_card_title">
  43. 本期书币总奖池
  44. </div>
  45. <div class="top_all_money">
  46. {$dateNum['totalAward'] ?? 0}
  47. </div>
  48. <div class="top_pub_money">
  49. 官方补贴:{$active['subsidy_need'] ?? 0}
  50. </div>
  51. {if condition="$vo.preAward > 0"}
  52. <div class="top_prev">
  53. 上期每人瓜分书币<span>{$vo.preAward}</span>
  54. </div>
  55. {else/}
  56. <div class="top_prev">
  57. 快来一起瓜分大奖吧~
  58. </div>
  59. {/if}
  60. </div>
  61. {/volist}
  62. <div class="top_my_change">
  63. </div>
  64. <div class="top_change_rule"></div>
  65. </div>
  66. <div class="content">
  67. <div class="people">
  68. {volist name="curData" id="val"}
  69. <div id="participator_num{$val.kandian}" class="people_left">本期累计参与人数:{$dateNum['signNum']}</div>
  70. {/volist}
  71. <div class="people_right">
  72. {for start="1" end="7"}
  73. <img class='people_right_item' src="{$barrage['avatar'][$i]}" alt="">
  74. {/for}
  75. <!-- <img class='people_right_item' src="{:asset('/img/frontend/campaign/default_people.png')}" alt="">-->
  76. </div>
  77. </div>
  78. <div class="count_list">
  79. {volist name="curData" id="ma"}
  80. <div class="count_item" data-item='1' >
  81. <img class='count_item_bg' src="{:asset('/img/frontend/campaign/see_count_activity_bg.png')}" alt="">
  82. <img class='count_img_default' src="{:asset('/img/frontend/campaign/count_bg.png')}" alt="">
  83. <img class='count_img_active' src="{:asset('/img/frontend/campaign/count_active_bg.png')}" alt="">
  84. <div class="count_text" style="cursor: pointer">
  85. <div class="count_text_num kandian" data-id="{$ma['campaign_id']}" data-money="{$ma['money']}" data-goods="{$ma['goods_id']}" data-match="{$ma['id']}" data-date="{$ma['match_date']}">{$ma['kandian']}</div>
  86. <div>书币</div>
  87. </div>
  88. </div>
  89. {/volist}
  90. </div>
  91. <input class="userKandian" active-name="{$active['name']}" level="{$active['default_level']}" type="hidden" good_cotegory="{$goodsInfo['category_id'] ?? 0}" read_number="{$active['read_number']}" value="{$userKanDian}">
  92. <div class="now_btn now_btn_index" style="cursor: pointer">
  93. 立即报名挑战
  94. </div>
  95. <div class="now_btn now_btn_chongzhi " style="cursor: pointer">
  96. 仅需充值X元,即可参与活动
  97. </div>
  98. <div class="footer_rule_card">
  99. <img class='change_card' src="{:asset('/img/frontend/campaign/change_rule_card.png')}" alt="">
  100. </div>
  101. </div>
  102. </div>
  103. <input type="hidden" id="web_status" value="{$webStatus}" channel-url="{$channelUrl}">
  104. <div class="js_loading hide"><strong>正在加载</strong></div>
  105. <div class="re_rule_box hide">
  106. <p>温馨提示:</p>
  107. <p>1. 充值获得的书币仅限在本公司书城使用。</p>
  108. <p>2. 若是发现充值未到账,请先确认你登录的账号与充值的账号是否一致。</p>
  109. <p>3. 充值赠送的书币存在有效期,有效期为:自领取时间起, {:config('site.kandian_free_day')}天有效;消费时优先扣除赠送书币。</p>
  110. </div>
  111. <div class="charge_rule_pop common_pop">
  112. <div class="common_pop_content">
  113. <div class="recharge_top_bg"></div>
  114. <p style="height:200px;overflow-y: scroll">{$active['copywriter']}</p>
  115. <div class="pop_close" style="cursor: pointer"></div>
  116. </div>
  117. </div>
  118. <!-- 报名成功 -->
  119. <div class="clock_enter_success common_pop">
  120. <div class="common_pop_content">
  121. <div class="enter_title">500</div>
  122. <div class="enter_tip">成功加入 500书币挑战</div>
  123. <div class="enter_which">第 <span>2018</span> 期挑战赛</div>
  124. <div class="enter_tip_text">记得每日阅读3章后,准时打卡哦~</div>
  125. <div class="clocl_enter_success_see_book" style="cursor: pointer">去看好书 ></div>
  126. <div class="clock_sign_fail_btn clock_enter_success_rule_btn">查看详细规则 ></div>
  127. <div class="pop_close_index" style="cursor: pointer"></div>
  128. </div>
  129. </div>
  130. <!-- 报名中 -->
  131. <div class="amount_null common_pop">
  132. <div class="common_pop_content">
  133. <div class="amount_null_top"></div>
  134. <div class="inner">
  135. <div class="tip">活动报名中,请稍后!</div>
  136. <!-- <div class="amount_null_btn">立即充值</div>-->
  137. </div>
  138. <div class="pop_close_index amount_null_close" style="cursor: pointer"></div>
  139. </div>
  140. </div>
  141. <script>
  142. </script>
  143. <script type="text/javascript" src="{:asset('/libs/Zepto-Cookie/zepto.cookie.min.js')}"></script>
  144. <script type="text/javascript" src="{:asset('/js/frontend/campaign/common.js')}"></script>
  145. <script type="text/javascript" src="{:asset('/js/frontend/common.js')}"></script>
  146. <script type="text/javascript" src="{:asset('/js/frontend/cps_log.js')}"></script>
  147. <script type="text/javascript" src="{:asset('/js/frontend/campaign/index.js')}"></script>
  148. <script type="text/javascript" src="{:asset('/js/frontend/campaign/pay.js')}"></script>
  149. </body>
  150. </html>