123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899 |
- <!doctype html>
- <html>
- <head>
- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
- <style>
- .div {
- width: 100%;
- height: 100%;
- position: relative;
- }
- .button {
- margin-left: 10%;
- position: absolute;
- bottom: 40px;
- width: 80%;
- text-align: center;
- z-index: 999;
- height: 140px;
- font-size: 32px;
- line-height: 140px;
- letter-spacing: 5px;
- background-color: #32baff;
- border-radius: 5px;
- color: white;
- }
- .img {
- position: relative;
- width: 100%;
- }
- img {
- max-width: 100%;
- height: auto;
- }
- .weixin-tip {
- display: none;
- position: fixed;
- left: 0;
- top: 0;
- bottom: 0;
- background: rgba(0, 0, 0, 0.8);
- filter: alpha(opacity=80);
- height: 100%;
- width: 100%;
- z-index: 100;
- }
- .weixin-tip p {
- text-align: center;
- margin-top: 10%;
- padding: 0 5%;
- }
- * {
- padding: 0;
- margin: 0;
- box-sizing: border-box
- }
- </style>
- </head>
- <body>
- <div class="div">
- <img class="img" src="/static/img/down.jpg"/>
- <a href="{$apk}" downLoad="xhg.apk">
- <div class="button">Android版本下载</div>
- </a>
- </div>
- <div class="weixin-tip">
- <p>
- <img src="/static/img/live_weixin.png" alt="微信打开"/>
- </p>
- </div>
- </body>
- <script>
- $(window).on("load", function () {
- var winHeight = $(window).height();
- function is_weixin() {
- var ua = navigator.userAgent.toLowerCase();
- if (ua.match(/MicroMessenger/i) == "micromessenger") {
- return true;
- } else {
- return false;
- }
- }
- var isWeixin = is_weixin();
- if (isWeixin) {
- $(".weixin-tip").css("height", winHeight);
- $(".weixin-tip").show();
- }
- })
- </script>
- </html>
|