{extend name="layout/layout" /}
{block name="title"}劲爆爽文{/block}
{block name="css"}
<link rel="stylesheet" href="{:asset('/css/frontend/export_fans.css')}">
<style>
    * {
        margin: 0;
        padding: 0;
        list-style: none;
        box-sizing: border-box;
    }
    html{
        font-size: 106.667px;
        min-width: 100%;
        min-height: 100%;
        background: #a11dad;
    }
    body {
        -webkit-text-size-adjust: 100% !important;
    }
</style>
{/block}
{block name="zepto"}
<!-- 这是zepto插件 -->
{/block}
{block name="menu"}{/block}
{block name="main"}
<div class="export-fans">
    <!-- 头图 -->
    <div class="jbsw_header_bg"></div>
    <div class="jbsw_content">
        <p>
            {$fans.content}
        </p>
        <div class="jbsw_code_zone">
            <div class="jbsw_code_1">
                <img src="/assets/css/frontend/export_fans/wechart.png" alt="">
                <div class="jbsw_code_1_inner">
                    <h2>点击添加好友领取整本书籍</h2>
                    <p>还可解锁更多免费书籍哦</p>
                </div>
            </div>
            <div class="jbsw_code_2">
                <img src="{$fans.qrcode}" alt="">
            </div>
            <div class="jbsw_code_3">
                <h2>
                    长按二维码识别添加好友
                </h2>
            </div>
        </div>
    </div>
</div>

{/block}
{block name="js"}
<script>
    (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 });
            });
        }
    })();

    (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 / 375) + 'px';
            };
        recalc();
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);
    $(function(){
        cpslog([703, {export_fans_id:'{$fans.id}'}, 'export_fans_show']);
    });
</script>
{/block}