<!DOCTYPE html>
<html lang="en">
<script type="text/javascript" charset="UTF-8" src="//res.cdn.openinstall.io/openinstall.js"></script>
<head>
    <script>
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?512876eb272195f3c9f59fee58a1d2f8";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta content="telephone=no" name="format-detection">
    <meta name="wap-font-scale" content="no">
    <title>ios企业版下载</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/layer.css">
    <script src="lib/fsize.js"></script>
    <style>
        .bg{
            margin: 0 auto;
            width: 10rem;
            position: relative;
            height: 15.12rem;
            background: url("images/ios2.png")no-repeat;
            background-size: 100% 100%;
        }
        .btn{
            width: 4rem;
            height: 1.2rem;
            position: absolute;
            left: 3rem;
            top: 2rem;
        }
        .Safari{
            display: none;
            top: 0;
            left: 0;
            position: fixed;
            width: 10rem;
            height: 100vh;
            background: rgba(0,0,0,0.5);
            z-index: 1000;
        }
        .Safari img{
            width: 10rem;

        }
    </style>
</head>
<body style="background: #000000;">
    <div class="bg">
        <div id="downloadButton" class="btn"></div>
    </div>
    <div class="Safari">
        <img  src="images/Safari.png" alt="">
    </div>
</body>

<script src="lib/jquery-3.1.1.min.js"></script>
<script src="layer-v3.1.0/layer/layer.js"></script>
<script>

    var data = OpenInstall.parseUrlParams();//openinstall.js中提供的工具函数,解析url中的所有查询参数
    new OpenInstall({
        appKey : "btaqmm",
        onready : function() {
            var m = this, button = document.getElementById("downloadButton");
            button.style.visibility = "visible";
            /*在app已安装的情况尝试拉起app*/
            m.schemeWakeup();
            /*用户点击某个按钮时(假定按钮id为downloadButton),安装app*/
            button.onclick = function() {
                m.wakeupOrInstall();
                return false;
            }
        }
    }, data);
    $(".btn").on("click", function () {
        var ua = window.navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            $(".Safari").fadeIn(500);
        }else{
            layer.msg("正在开始下载")

        }


    })
</script>
</html>