index.phtml 3.72 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/index.css">
<link rel="dns-prefetch" href="//cdn.yoho.cn">
<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/christmas/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/christmas/banner01.png" alt="">
            </a>
        </div>
        <div class="coupon-banner">
            <a href="{{bannerUrl_2}}">
                <img src="{{imgUrl}}/cuxiao/img/christmas/banner02.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="//www.yohoshow.com/about/index/yohobuyqr"></a>
        </div>
        
    </div>
    <div class="coupon-ft">
        <img src="{{imgUrl}}/cuxiao/img/christmas/14.jpg">
    </div>
</div>
<div class="modal"></div>
<div class="dialog-box geted">
    <div class="dialog-inner">
        <img src="{{imgUrl}}/cuxiao/img/christmas/geted.png" alt=""/>
        <span class="dialog-close"></span>
    </div>
</div>
<div class="dialog-box fail">
    <div class="dialog-inner">
        <img src="{{imgUrl}}/cuxiao/img/christmas/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>