app.html
5.31 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>河马课堂</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
<!--栅格系统-->
<meta content="modeName=750-12" name="grid" />
<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">
<meta name="format-detection" content="email=no">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">
<style>
/*!*
* MobLink - MobLink made by www.mob.com
* @version v2.0.0
* @homeage http://www.mob.com/
* @license copyright © 2012-2015 mob All Rights Reserved 掌淘网络 版权所有 粤ICP备12079301号
*/
body,html{min-height:100%}.page,.page .content{position:relative;width:100%;height:100%}.page,.page .mask,body,html{height:100%}.page .content .button,.page .mask{text-align:center;position:absolute}blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}*,:after,:before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}html{max-width:640px;font-size:62.5%;margin:0 auto}body{background-color:#efeff4;font-size:14px;font-size:1.4rem;font-family:ff-tisa-web-pro-1,ff-tisa-web-pro-2,"Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3"}.page{background:#fff}.page .content{text-align:center;padding-top:25%;background:url(home/images/app/guide_bg.png) center top no-repeat;background-size:cover}.page .content .moblink-icon{display:inline-block;max-width:25%}.page .content .moblink-icon img{width:100%;border-radius:1rem}.page .content .moblink-title{margin-top:5%;font-size:1.8rem;font-weight:700}.page .content .moblink-des{margin-top:5%;margin-bottom:20%}.page .content .button{display:inline-block;padding:1rem 0;width:10rem;text-decoration:none;color:#fff;background:#6298ef;border-radius:.3rem;left:50%;margin-left:-5rem}.page .mask{width:100%;background:#fff;z-index:100;top:0;left:0;bottom:0;right:0;padding-top:10%;display:none}.page .mask img{width:80%;margin-left:8%}.page .tip-content{height:3rem;line-height:3rem;background:#edf3fd;font-size:.7rem;padding-left:.5rem}.page .content .hand{position:absolute;top:2rem;right:.5rem}.page .content .hand img{width:50%}.page .content .moblink-warn{padding:0 0 0 20%;font-size:.62rem}.page .content .moblink-warn p{text-align:left;margin:1rem 0;color:#aeaeae}.page .content .moblink-warn p.moblink-sub{color:#797979}.page .content .moblink-warn p i.point{display:inline-block;width:.8rem;height:.8rem;background:#dce8fb;border-radius:50%;border:1px solid #6298ef;margin-right:.5rem}
</style>
</head>
<body>
<div class="page">
<img id="img" style="width: 100%" src="home/images/app/android.png" >
<div class="content" id = 'content'>
<p class="moblink-icon"><img src="home/images/app/app.png" alt=""></p>
<p class="moblink-title">河马课堂</p>
<p class="moblink-des">河马课堂</p>
<a id="open" href="" class="button" style="left: 30%" >立即打开</a>
<a id="down" href="" class="button" style="left: 70%" >立即下载</a>
</div>
</div>
<!--<script src="assets/scripts/jquery.min.js"></script>-->
</body>
</html>
<script>
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}
function isWeiXin(){
var ua = window.navigator.userAgent.toLowerCase();
if(ua.match(/MicroMessenger/i) == 'micromessenger'){
return true;
}else{
return false;
}
}
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if(isWeiXin())
{
document.getElementById('content').remove();
if(isiOS)
{
document.getElementById('img').src = 'home/images/app/ios.png'
}
}
else {
document.getElementById('img').remove();
if(isiOS)
{
// document.getElementById('link').href = 'xiaohe://' + window.location.href.substring(window.location.href.indexOf('?') + 1);
document.getElementById('down').href = 'https://itunes.apple.com/cn/app/id477927812';
}
else {
document.getElementById('down').href = 'http://xn-static.oss-cn-hangzhou.aliyuncs.com/soft/xntalk/Stable/android_xntalk_stable.apk';
}
document.getElementById('open').href = 'xiaohe://' + window.location.href.substring(window.location.href.indexOf('?') + 1);
}
</script>