<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<!-- 状态栏的值可能为black, default, black-translucent -->
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- 是针对一些老的不识别viewport的浏览器,列如黑莓 -->
<meta name="HandheldFriendly" content="true">
<!-- 微软的老式浏览器 -->
<meta name="MobileOptimized" content="320">
<meta http-equiv="pragma" content="no-cache" />
<meta name="format-detection" content="telephone=no, email=no"/>
<title>智开锁</title>
<style>
html,body{
margin:0;
padding:0;
min-height: 100%;
overflow-x: hidden;
-webkit-tap-highlight-color: rgba(0,0,0,0);
text-align: center;
background-color: gray;
}
{box-sizing: border-box;}
body,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, form, fieldset, legend, input, textarea,
p, blockquote, th, td, hr, button,
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
margin: 0;
padding: 0;
border: 0;
}
a {text-decoration: none;}
button {user-select: none;}
img {vertical-align: middle;}
img:not([src]),img[src=""] {opacity: 0;}
ul, ol {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}
input, select, button, textarea {
font-size: 100%;
font: inherit;
-webkit-tap-highlight-color: rgba(255,0,0,0);
-webkit-appearance: none;
}
#box{
position: relative;
height: calc(100vh);
width: 100%;
background: url('back.jpg') no-repeat;
background-size:cover ;
}
#loading{
text-align: center;
position: absolute;
top: calc(100vh - 50%);
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
line-height: 1.12px;
}
#loading a{
color: #E60012;
border: 1px solid #cccccc;
width: 5.267rem;
height: 1.12rem;
border-radius: 1.33rem;
font-size: 0.4rem;
background: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
}
#loading #load_android{
margin-top: 1rem;
}
#loading #load_android img{
margin-left: 0.2rem;
margin-right: 0.2rem;
width: 0.48rem;
height: 0.512rem;
}
#loading #load_ios img{
margin-right: 0.2rem;
width: 0.48rem;
height: 0.56rem;
}
#copyright{
text-align: center;
position: absolute;
bottom: 1rem;
width: 100%;
color: #FFFFFF;
font-size:0.346rem;
}
#copyright .copy{
font-size: 0.32rem;
}
#pic{
text-align: center;
position: absolute;
width: 100%;
}
#pic img{
width: 2.333rem;
height: 2.333rem;
margin-top: 4rem;
padding: 0.133rem;
}
#pic p{
width: 100%;
font-size: 0.64rem;
color: #FFFFFF;
text-align: center;
}
#shade{
position: relative;
/*水平居中*/
text-align: center;
}
#shade p{
position: absolute;
color: white;
font-size: 0.4rem;
text-align: left;
top:0.5rem;
width: 100%;
left: 0.4rem;
padding-right: 1.5rem;
}
#shade p span{
border-bottom: 1px solid #FFFFFF;
}
#imgo{
position: absolute;
display: block;
right: 0.1rem;
top:0;
width: 0.94rem;
height: 1rem;
}
</style>
</head>
<script type="text/javascript" src="flexible.js"></script>
<script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
<body >
<div id="box">
<div id="shade">
<p style="color: sandybrown;">如果在微信中无法直接下载,可以点击右上角选择在<span>浏览器中打开</span>即可下载。</p>
<img id='imgo' src="go.png" alt="pic">
</div>
<div id="pic">
<img src="ilock.png" alt="智开锁">
<p>智开锁</p>
</div>
<div id="loading"><a id='load_ios' href="https://itunes.apple.com/cn/app/智开锁/id1442174629?mt=8">
<img src="iphone.png" alt="iPhone版下载" />iPhone版下载</a>
<a id='load_android' href="https://ilock.wkttech.com/mobile/public/queryLatestApkUrl">
<img src="android.png" alt="Android版下载" />Android版下载</a>
</div>
<div id="copyright">
<p>无锡沃克特科技有限公司</p>
<p class="copy">copyright© 2019-2020</p>
</div>
</div>
</body>
<script>
//获取andorid的下载地址
function getAndroidDownloadUrl()
{
$.ajax({
url: "https://ilock.wkttech.com/mobile/public/queryLatestApkUrl",
type: "GET",
async:false,
success: function (data) {
console.log("success"+data);
$("#load_android").attr("href",data);
checkPlatform(data);
}
});
}
getAndroidDownloadUrl();
//手机端判断各个平台浏览器及操作系统平台
function checkPlatform(androidDownloadUrl){
if(/android/i.test(navigator.userAgent)){
//alert("This is Android'browser.")//这是Android平台下浏览器
window.location=androidDownloadUrl
}
if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)){
//alert("This is iOS'browser.");//这是iOS平台下浏览器
window.location="https://itunes.apple.com/cn/app/智开锁/id1442174629?mt=8"
}
if(/Linux/i.test(navigator.userAgent)){
// alert("This is Linux'browser.");//这是Linux平台下浏览器
}
if(/Linux/i.test(navigator.platform)){
// alert("This is Linux operating system.");//这是Linux操作系统平台
}
if(/MicroMessenger/i.test(navigator.userAgent)){
// alert("This is MicroMessenger'browser.");//这是微信平台下浏览器
}
}
</script>