<!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>
download.rar （8个子文件） 
download 
flexible.js 2KB appdownload.html.bak 7KB
ilock.png 7KB iphone.png 728B android.png 651B
appdownload.html 7KB
back.jpg 115KB go.png 807B资源评论
yuqin1231235
- 粉丝: 2
最新资源
- Flow-Guided-Feature-Aggregation研究基于视频的目标检测FGFA框架
- 风光储并网VSG直流微电网Simulink仿真模型解析及其应用
- Ollama 0.11.6
- 机器人路径规划中跳点搜索算法与动态窗口法融合实现高效全局路径规划与动态避障
- 蓄电池与超级电容混合储能并网的MATLABSimulink仿真模型及能量管理策略的研究 低通滤波器 必备版
- 全景系统，包含管理员上传图片功能和用户端全景展示功
- 嵌入式项目实践总结：涵盖物联网、智能家居、工业自动化的技术方案与实现
- 新能源汽车车载双向OBC，PFC，LLC，V2G 双向 充电桩 电动汽车 车载充电机 充放电机 MATLAB仿真模型：基于V2G技术的双向AC DC、DC DC充放电机MATLAB仿真模型
- 基于LabVIEW 2018的多通道振动加速度传感器信号采集分析系统
- 基于Simulink的插电式混合动力汽车(PHEV)模型与充电参数优化研究
- 一个情侣姓名配对小工具
- 基于海康威视代码实现目标检测与跟踪 利用海康威视代码开展目标检测及跟踪工作 借助海康威视代码进行目标的检测与跟踪操作 运用海康威视代码完成目标检测与跟踪任务 通过海康威视代码实施目标检测和跟踪工作
- MATLAB中基于特征模态分解的时间序列信号处理方法及其广泛应用 · 信号处理
- 天鹰优化算法与ELM神经网络在多输入单输出拟合预测建模中的MATLAB实现及应用
- 1231visual-一个基于数据可视化技术的开源项目-专注于将复杂数据转化为直观的交互式图表和动态图形界面-帮助用户快速理解和分析大规模数据集-支持多种数据格式导入和自定义可视化.zip
- 一个目标检测图像增强的示例脚本
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
