123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 |
- <!doctype html>
- <html>
- <head>
- <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
- <meta charset="UTF-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>万吉下载</title>
- <style>
- .div {
- width: 100%;
- height: 100%;
- position: relative;
- }
- .button {
- margin-left: 10%;
- position: fixed;
- bottom: 120px;
- width: 80%;
- text-align: center;
- z-index: 999;
- height: 140px;
- font-size: 34px;
- line-height: 140px;
- letter-spacing: 5px;
- background-color: #fff;
- border-radius: 5px;
- color: black;
- }
- .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="./log.jpg" />
- <a href="__UNI__F0EBD91__20220316172150.apk">
- <div class="button">Android点击下载</div>
- </a>
- </div>
- <div class="weixin-tip">
- <p>
- <img src="./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>
|