diff --git a/css/phone.css b/css/phone.css index 365fc19..1e4765e 100644 --- a/css/phone.css +++ b/css/phone.css @@ -13,3 +13,18 @@ top: 13.7rem; left: 2.7rem; } +.banner2 { + width: 10rem; + height: 15.98rem; + background: url(../images/banner2.png) no-repeat; + background-size: 100% 100%; + position: relative; + margin: 0 auto; +} +.banner2 .btn { + width: 4.65rem; + height: 1.5rem; + position: absolute; + top: 13.7rem; + left: 2.7rem; +} diff --git a/css/phone.less b/css/phone.less index 7357f2f..7dec800 100644 --- a/css/phone.less +++ b/css/phone.less @@ -12,4 +12,19 @@ top: 13.7rem; left: 2.7rem; } +} +.banner2{ + width: 10rem; + height: 15.98rem; + background:url(../images/banner2.png)no-repeat; + background-size: 100% 100%; + position: relative; + margin: 0 auto; + .btn{ + width: 4.65rem; + height: 1.5rem; + position: absolute; + top: 13.7rem; + left: 2.7rem; + } } \ No newline at end of file diff --git a/images/banner2.png b/images/banner2.png new file mode 100644 index 0000000..ed7f941 Binary files /dev/null and b/images/banner2.png differ diff --git a/share.html b/share.html new file mode 100644 index 0000000..60e108d --- /dev/null +++ b/share.html @@ -0,0 +1,93 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"/> + <script type="text/javascript" charset="UTF-8" src="//res.cdn.openinstall.io/openinstall.js"></script> + <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"> + <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> + <meta http-equiv="Pragma" content="no-cache" /> + <meta http-equiv="Expires" content="0" /> + <title class="title">果冻直播</title> + <script src="lib/fsize.js"></script> + <link rel="stylesheet" href="css/base.css"> + <link rel="stylesheet" href="css/layer.css"> + <link rel="stylesheet" href="css/phone.css"> + + <style> + + .Safari{ + display: none; + top: 0; + left: 0; + position: fixed; + width: 10rem; + height: 100vh; + background: rgba(0,0,0,0.8); + z-index: 1000; + } + .Safari img{ + width: 10rem; + + } + .Recharge { + position: absolute; + font-size: 0.45rem; + color: #994A17; + right: 0.3rem; + font-weight: 700; + top: 0.2rem; + } + </style> +</head> +<body style="background: #FEF09D;"> + <div class="banner2"> + <!-- <a href="login.html"><span class="Recharge">充值<span style="font-weight: 700;font-family:'黑体'">>></span></span></a> --> + <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> + var data = OpenInstall.parseUrlParams();//openinstall.js中提供的工具函数,解析url中的所有查询参数 + new OpenInstall({ + appKey : "r06f9c", + 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 = navigator.userAgent.toLowerCase(); +// if(ua.match(/MicroMessenger/i) == 'micromessenger'){ +// if (/iphone|ipad|ipod/.test(ua)) { +// window.location.href='https://apps.apple.com/cn/app/id1522691256' +// }else{ +// window.location.href='https://a.app.qq.com/o/simple.jsp?pkgname=com.show.guodong.live' +// } +// }else{ +// if (/iphone|ipad|ipod/.test(ua)) { +// window.location.href='https://apps.apple.com/cn/app/id1522691256' +// }else{ +// window.location.href='https://zhibocdn.ishuaji.cn/apk/down/guodong-1.0.0-gdgw.apk' +// } +// } +// }) +</script> +</html> \ No newline at end of file