index-3.phtml 3.98 KB
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>{{staticTitle}}</title>
    <meta name="apple-mobile-web-app-title" content="SUMMER SALE">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" media="(device-height: 568px)">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="grey">
    <link rel="stylesheet" href="{{imgUrl}}/cuxiao/css/christmas/index4.css">
    <script>
        (function(doc, win) {
            var docEl = doc.documentElement;
            (function() {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) {
                    return;
                }
                docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';
            }());
        })(document, window);
        </script>
</head>
<body class="keBody">
<div class="coupon-christmas" show="{{showPopupFlag}}">
    <div class="coupon-top">
        <img src="{{imgUrl}}/cuxiao/img/newyear/top-bg.png" alt="">
        <a class="go-check" href="{{myCouponUrl}}"></a>
        <a class="share-btn" href="javascript:;"></a>
    </div>
    <div class="coupon-bottom">
        <div class="coupon-banner">
            <a href="{{bannerUrl_1}}">
                <img src="{{imgUrl}}/cuxiao/img/newyear/banner01.png" alt="">
            </a>
            <a href="{{bannerUrl_2}}">
                <img src="{{imgUrl}}/cuxiao/img/newyear/banner02.png" alt="">
            </a>
            <a href="{{bannerUrl_3}}">
                <img src="{{imgUrl}}/cuxiao/img/newyear/banner03.png" alt="">
            </a>
            <a href="{{bannerUrl_4}}">
                <img src="{{imgUrl}}/cuxiao/img/newyear/banner04.png" alt="">
            </a>
        </div>
        <div class="bottom-btn">
            <a class="follow-yoho" href="//mp.weixin.qq.com/s?__biz=MjM5ODI5MDA4MA==&amp;mid=201849402&amp;idx=1&amp;sn=c0089812f9769d82e0075f69d771f6e1#rd"></a>
            <a class="download-yoho" href="//a.app.qq.com/o/simple.jsp?pkgname=com.yoho&amp;g_f=995445"></a>
        </div>
        
    </div>
    <div class="coupon-ft">
        <img src="{{imgUrl}}/cuxiao/img/newyear/14.png">
    </div>
</div>
<div class="modal"></div>
<div class="dialog-box geted">
    <div class="dialog-inner">
        <img src="{{imgUrl}}/cuxiao/img/newyear/geted.png" alt=""/>
        <span class="dialog-close"></span>
    </div>
</div>

<div class="dialog-box fail">
    <div class="dialog-inner">
        <img src="{{imgUrl}}/cuxiao/img/newyear/fail.png" alt=""/>
        <span class="refresh-btn"></span>
    </div>
</div>
<input id="shareLink" type="hidden" value="{{shareLink}}">
<input id="shareImg" type="hidden" value="{{shareImg}}">
<input id="shareTitle" type="hidden" value="{{shareTitle}}">
<input id="shareDesc" type="hidden" value="{{shareDesc}}">
<script type="text/javascript" src="{{imgUrl}}/cuxiao/js/jquery.min.js"></script>
<script>
    //提示分享
    $('.share-btn').click(function () {
        $('.modal').fadeIn();
    });
    //关闭提示分享
    $('.modal').click(function () {
        $(this).fadeOut();
    });

    //提示已领过券
    if ($('.coupon-christmas').attr('show') === '1') {
        $('.dialog-box.geted').show();
    } 
    //提示领券失败
    else if ($('.coupon-christmas').attr('show') === '2') {
        $('.dialog-box.fail').show();
    }

    //关闭提示
    $('.dialog-close').click(function(){
        $(this).parents('.dialog-box').fadeOut();
    });
    //刷新页面
    $('.refresh-btn').click(function() {
        location.reload();
    });
</script>
{{#if weixinShare}}
<script type="text/javascript" charset="utf-8" src="//res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script type="text/javascript" charset="utf-8" src="{{jsUrl}}/cuxiao/js/share.weixin.js"></script>
{{/if}}
{{> layout/analysis}} 
</body>
</html>