xiuli.gao
/
cool_store


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="yes" name="apple-mobile-web-app-capable">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
		<title>酷店App</title>
        <link rel="stylesheet" type="text/css" href="../common/reset.css"/>
        <script src="../common/jquery-2.1.0.js"></script>
        <script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? "https://" : "http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1277150527'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s96.cnzz.com/z_stat.php%3Fid%3D1277150527' type='text/javascript'%3E%3C/script%3E"));</script>
        <script type="text/javascript">
            document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
                window.onresize = function(){
                    document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
            } 

            document.getElementById("cnzz_stat_icon_1277150527").style.display="none"; // 隐藏统计小图标
			//声明_czc对象:
			var _czc = _czc || [];
			//绑定siteid，请用您的siteid替换下方"XXXXXXXX"部分
			_czc.push(["_setAccount", "1277150527"]);
        </script>
        <style>
            .alert-info {
                position: fixed;
                top: 1.74rem;
                right: 0;
                left: 0;
                bottom: 0;
                text-align: center;
            }

            .alert-info p {
                display: inline-block;
                height: 0.38rem;
                color: #fff;
                font-size: 0.14rem;
                line-height: 0.38rem;
                padding: 0 0.10rem;
                background-color: rgba(0, 0, 0, 0.7);
                border-radius: 5px;
            }
            body{
                width: 100%;min-height: 100vh;background: #fff;
            }
            .bgImg{
                width: 100%;
            }
            #downloadButton{
                width: 2rem;height: 0.55rem;background: url(./img/bgButton01.png) no-repeat;background-size:100%;
                position: absolute;top: 6rem;left: 0;right: 0;margin: auto;border: none;margin-bottom: 0.5rem;
            }
            .mask{
                width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.7);position: fixed;top: 0;left: 0;display: none;
            }
            .mask .con p{
                font-size: 0.15rem;color: #fff;font-weight: bold;text-align: right;padding-top: 0.65rem;padding-right: 0.6rem;
            }
            .mask .con .jiantou{
                position: absolute;
                top: 0.2rem;
                right: 0.3rem;
                width: 0.4rem;
            }
        </style>
	</head>
	<body>
       <img class="bgImg" src="./img/bgImg01.png"/>
       <button id="downloadButton"></button>
        <div class="mask">
            <div class="con">
                <p>点击右上角选择在浏览器打开</p>
                <img src="./img/jiantou.png" class="jiantou"/>
            </div>
        </div>
        
       <div class="alert-info" style="display: none;">
            <!-- tip提示,3s后消失 -->
            <p></p>
        </div>
	</body>
</html>
<script>
    $().ready(function(){
        _czc.push(["_trackEvent",'酷店App落地页01','入口','']);
    })
    $("#downloadButton").on('click',function (){
        if (navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)) {
            showMsg('敬请期待')
            _czc.push(["_trackEvent",'酷店App落地页01','ios','按钮点击']);
        }
        if (navigator.userAgent.match(/android/i)) {
            _czc.push(["_trackEvent",'酷店App落地页01','android','按钮点击']);
            if(isWeiXin()){
                $(".mask").show()
            }else{
                window.location.href = 'https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/tbk_onlive/android-apk/%E9%85%B7%E5%BA%97app.apk'
            }
        }
    })

    //提示弹框
    function showMsg(msg) {
        var msgBox = document.getElementsByClassName('alert-info')[0];
        msgBox.children[0].innerText = msg;
        msgBox.style.display="block";

        setTimeout(function() {
            msgBox.style.display="none";
        }, 1500);
    }
    function isWeiXin(){
        var ua = window.navigator.userAgent.toLowerCase();
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
            return true;
        }else{
            return false;
        }
    }
</script>