<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="imagetoolbar" content="no">
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    {:assign var=projectId value=0}
    {:assign var=rem value=true}
    {:block name='projectx'}{:/block}
    {:if $rem == true}
    <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <script>
        (function (doc, win) {
            var docEl = doc.documentElement,
                resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
                recalc = function () {
                    window.clientWidth = docEl.clientWidth;
                    if (!window.clientWidth) return;
                    docEl.style.fontSize = 20 * (window.clientWidth / 640) + 'px';
                    window.base = 20 * (window.clientWidth / 640);
                };
            recalc();
            // Abort if browser does not support addEventListener
            if (!doc.addEventListener) return;
            win.addEventListener(resizeEvt, recalc, false);
            doc.addEventListener('DOMContentLoaded', recalc, false);
        })(document, window);
    </script>
    {:else}
    <script>
        if (/Android (\d+\.\d+)/.test(navigator.userAgent)) {
            var version = parseFloat(RegExp.$1);
            if (version > 2.3) {
                var phoneScale = parseInt(window.screen.width) / 640;
                document.write('<meta name="viewport" content="width=640, minimum-scale = ' + phoneScale +
                    ', maximum-scale = ' + phoneScale + ', target-densitydpi=device-dpi ,viewport-fit=cover">');
            } else {
                document.write('<meta name="viewport" content="width=640, target-densitydpi=device-dpi">');
            }
        } else {
            document.write(
                '<meta name="viewport" content="width=640, user-scalable=no, target-densitydpi=device-dpi">');
        }
    </script>
    {:/if}
    <script>
        //判断访问终端
        var browser = {
            versions: function () {
                var u = navigator.userAgent,
                    app = navigator.appVersion;
                return {
                    trident: u.indexOf('Trident') > -1, //IE内核
                    presto: u.indexOf('Presto') > -1, //opera内核
                    webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
                    gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
                    mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
                    ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
                    android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端
                    iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器
                    iPad: u.indexOf('iPad') > -1, //是否iPad
                    webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
                    weixin: u.indexOf('MicroMessenger') > -1, //是否微信 （2015-01-22新增）
                    qq: u.match(/\sQQ/i) == " qq" //是否QQ
                };
            }(),
            language: (navigator.browserLanguage || navigator.language).toLowerCase()
        }
    </script>
    <title>{:block name='title'}2020你的旅行奇遇{:/block}</title>
    {:if $projectId && strpos( $smarty.server.HTTP_HOST , 'dev.izhida.cn') !== false}
    <link rel="stylesheet" type="text/css" href="http://projectx.dev.izhida.cn/api/css/rem/{:$rem}/id/{:$projectId}"
        media="all" />
    {:else}

    <link rel="stylesheet" type="text/css" href="__CDN__/css/main.min.css" media="all" />
    {:/if}
    {:block name='css'}{:/block}
    <link rel="stylesheet" type="text/css" href="__CDN__/css/notify.css" media="all" />
    <link rel="stylesheet" type="text/css" href="__CDN__/css/index.css?version=1.0.0" media="all" />
</head>

<body>
    <!-- <audio src="__CDN__/media/bg.mp3" preload="auto" loop="loop" id="music" style="display:none"></audio> -->
    <div class="wrap">
        <div class="wrap-inner">
            {:if $projectId && strpos( $smarty.server.HTTP_HOST , 'dev.izhida.cn') !== false}
            {:"https://projectx.dev.izhida.cn/api/html/id/`$projectId`"|file_get_contents}
            {:else}
            {:block name='body'}{:/block}
            {:/if}
        </div>
    </div>


    <script>
        window.base_resource_url = '__CDN__';
        window.getImageUrl = location.origin + '/Index/getImage';
        window.user_header_url = '{:$user_header_url|default:""}';
        window.nickname = '{:$nickname|default:""}';
        window.src = '{:$src|default:""}';
        

        var link = location.origin;
        var param = '';
        if(window.src != '')
        {
            param = '?ADTAG='+window.src;
        }
        var friend_title = '没想到在迪拜旅行，我竟然会遇到……';
        var friend_desc = '点击你的奇遇，旅行大奖也在等你';
        var timeline_desc = '点击你的奇遇，旅行大奖也在等你';
        window.wxFriendData = {
            'link': link + param,
            'imgUrl': link + '/Public/static/image2/share.jpg',
            'title': friend_title,
            'desc': friend_desc,
            success: function () {
                try {
                    MtaH5.clickShare('wechat_friend');
                } catch (error) {
                    console.log(error);
                }
            }
        };
        window.wxTimelineData = {
            'link': link + param,
            'imgUrl': link + '/Public/static/image2/share.jpg',
            'title': timeline_desc,
            success: function () {
                try {
                    MtaH5.clickShare('wechat_moments');
                } catch (error) {
                    console.log(error);
                }
            }
        };
    </script>
    <script type="text/javascript"
        src="https://api2.izhida.cn/wechat_js_config?app_id=wx4c3c856ab83a946b&v=1.2.1&api_list=all&app_stat_key=Pn2fhBpNCZwmFBZY">
    </script>
    <script src="__CDN__/js/jquery-2.1.3.min.js"></script>
    <script src="__CDN__/js/jquery-notify.min.js"></script>

    {:block name='js'}{:/block}
    <script>
        window.wx && wx.ready(function () {
            // $('#music')[0].play();
            wx.onMenuShareAppMessage(wxFriendData);
            wx.onMenuShareTimeline(wxTimelineData);
        });
    </script>
    <script>
   var _mtac = {"performanceMonitor":1,"senseQuery":1};
   (function() {
    var mta = document.createElement("script");
    mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.4";
    mta.setAttribute("name", "MTAH5");
    mta.setAttribute("sid", "500708290");
    mta.setAttribute("cid", "500708293");
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(mta, s);
   })();
</script>
</body>

</html>