123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156 |
- <!--
- * @Description: cps阅读推荐banner
- * @FilePath: \cps阅读推荐\index.html
- * @Version: 1.0
- * @Autor: CuiGang
- * @Date: 2020-03-04 11:53:18
- * @LastEditors: CuiGang
- * @LastEditTime: 2020-03-05 13:46:32
- -->
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;">
- <title>{$activity['title']}</title>
- <link rel="stylesheet" href="{:asset('/css/frontend/subscrip/index.css')}">
- </head>
- <body style="margin: 0">
- <style type="text/css">
- body {
- -webkit-text-size-adjust: 100% ;
- }
- </style>
- <script src="{:asset('/js/frontend/subscrip/zepto.min.js')}"></script>
- <script>
- (function (doc, win) {
- var docEl = doc.documentElement,
- resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
- recalc = function () {
- var clientWidth = docEl.clientWidth;
- if (!clientWidth) return;
- docEl.style.fontSize = 100 * (clientWidth / 360) + 'px';
- };
- recalc();
- if (!doc.addEventListener) return;
- win.addEventListener(resizeEvt, recalc, false);
- doc.addEventListener('DOMContentLoaded', recalc, false);
- window.log_host = '{$log_host}';
- window.theme = '{$Think.config.template.view_theme}';
- })(document, window);
- </script>
- <!-- read_recommend_ -->
- <div id="active">
- {if condition="!empty($activity)"}
- <div class="content">
- <img src="{:asset('/img/frontend/subscrip/bg-green.png')}" alt="" class="base_img">
- <div class="top">
- <img src="{:asset('/img/frontend/subscrip/wrong.png')}" alt="">
- <text style="vertical-align: middle">请仔细阅读参与规则</text>
- </div>
- <div class="title">{$activity['days']}天阅读计划</div>
- <div class="book_plan">
- <img src="{:asset('/img/frontend/subscrip/line.png')}" alt="" class="line">
- <text class="money">{$activity['price']}元</text>
- <text class="mark">,</text>
- <text class="day_num">无限{$activity['days']}天畅读</text>
- <text class="god_book">万本经典神书</text>
- </div>
- <div class="sign">
- <text>特惠报名</text>
- <text class="rmb">仅需{$activity['price']}元</text>,
- <text class="original">原价{$activity['old_price']}元</text>
- </div>
- <div class="limit">限时优惠,机不可失</div>
- <div class="btn btn-pay" data-goods_id="{$activity['goods_id']}" data-price="{$activity['price']}" data-act_id="{$activity['id']}" >立即报名</div>
- <div class="bottom_btn">
- <div class="left">
- <div>全站限免<text class="red">{$activity['days']}</text>天,报名仅需<text class="red">{$activity['price']}</text>元</div>
- <div>坚持阅读<text class="red">{$activity['days']}</text>天,全额返还报名费!</div>
- </div>
- <div class="btn_now btn-pay" data-goods_id="{$activity['goods_id']}" data-price="{$activity['price']}" data-act_id="{$activity['id']}">立即报名</div>
- </div>
- </div>
- <input type="hidden" id="sub_code" value="{$subCode}">
- {/if}
- </div>
- <input type="hidden" id="url" value="{$channelUrl}">
- <input type="hidden" id="acting" value="{$acting}">
- <div id="success_normal" style="display: none">
- <div class="mask_pop"></div>
- <div class="mask_warp">
- <img src="{:asset('/img/frontend/subscrip/mask-green.png')}" alt="" class="green">
- <div class="top">
- <div class="apply">恭喜报名成功!</div>
- <div class="today">快来完成今日的阅读打卡目标吧~</div>
- </div>
- <div class="down">
- <div class="txt">活动报名时间:{$activity['begin_date']}</div>
- <div class="txt">活动周期:{$activity['days']}天</div>
- </div>
- <div class="btn go_book">立即阅读</div>
- <img src="{:asset('/img/frontend/subscrip/bg.png')}" alt="" class="wrong close-normal">
- </div>
- </div>
- {if condition="$isfan eq 2"}
- <div id="success_code">
- <div class="mask_pop"></div>
- <div class="mask_warp">
- <img src="{:asset('/img/frontend/subscrip/mask-green.png')}" alt="" class="green">
- <div class="top">
- <div class="apply">恭喜报名成功!</div>
- <div class="today">快来完成今日的阅读打卡目标吧~</div>
- </div>
- <div class="code">
- <img src="{:asset('/img/frontend/subscrip/qrcode.png')}" alt="" class="qrcode">
- </div>
- <div class="down">
- <div class="txt">长按上图二维码3s</div>
- <div class="txt">点击【识别二维码】→点击【关注公众号】</div>
- <div class="txt">万本经典神书在等你哟~</div>
- </div>
- <img src="{:asset('/img/frontend/subscrip/code_gb.png')}" alt="" class="wrong">
- </div>
- </div>
- {/if}
- <script type="text/javascript" src="{:asset('/libs/Zepto-Cookie/zepto.cookie.min.js')}"></script>
- <script type="text/javascript" src="{:asset('/js/frontend/common.js?v=5')}"></script>
- <script type="text/javascript" src="{:asset('/js/frontend/cps_log.js')}"></script>
- <script type="text/javascript" src="{:asset('/js/frontend/subscrip/pay.js')}"></script>
- <script type="text/javascript">
- (function() {
- if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
- handleFontSize();
- } else {
- if (document.addEventListener) {
- document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
- } else if (document.attachEvent) {
- document.attachEvent("WeixinJSBridgeReady", handleFontSize);
- document.attachEvent("onWeixinJSBridgeReady", handleFontSize);
- }
- }
- function handleFontSize() {
- WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
- WeixinJSBridge.on('menu:setfont', function() {
- WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
- });
- }
- })();
- document.documentElement.addEventListener('touchstart', function (event) {
- if (event.touches.length > 1) {
- event.preventDefault();
- }
- }, false);
- $('#success_normal .go_book').click(function(){
- var url = $('#url').val();
- window.location.href=url;
- })
- $('.close-normal').click(function(){
- $('#success_normal').hide();
- })
- </script>
- </body>
- </html>
|