down.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  5. <meta charset="UTF-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <title>万吉下载</title>
  9. <style>
  10. .div {
  11. width: 100%;
  12. height: 100%;
  13. position: relative;
  14. }
  15. .button {
  16. margin-left: 10%;
  17. position: fixed;
  18. bottom: 120px;
  19. width: 80%;
  20. text-align: center;
  21. z-index: 999;
  22. height: 140px;
  23. font-size: 34px;
  24. line-height: 140px;
  25. letter-spacing: 5px;
  26. background-color: #fff;
  27. border-radius: 5px;
  28. color: black;
  29. }
  30. .img {
  31. position: relative;
  32. width: 100%;
  33. }
  34. img {
  35. max-width: 100%;
  36. height: auto;
  37. }
  38. .weixin-tip {
  39. display: none;
  40. position: fixed;
  41. left: 0;
  42. top: 0;
  43. bottom: 0;
  44. background: rgba(0, 0, 0, 0.8);
  45. filter: alpha(opacity=80);
  46. height: 100%;
  47. width: 100%;
  48. z-index: 100;
  49. }
  50. .weixin-tip p {
  51. text-align: center;
  52. margin-top: 10%;
  53. padding: 0 5%;
  54. }
  55. * {
  56. padding: 0;
  57. margin: 0;
  58. box-sizing: border-box
  59. }
  60. </style>
  61. </head>
  62. <body>
  63. <div class="div">
  64. <img class="img" src="./log.jpg" />
  65. <a href="__UNI__F0EBD91__20220316172150.apk">
  66. <div class="button">Android点击下载</div>
  67. </a>
  68. </div>
  69. <div class="weixin-tip">
  70. <p>
  71. <img src="./live_weixin.png" alt="微信打开" />
  72. </p>
  73. </div>
  74. </body>
  75. <script>
  76. $(window).on("load", function() {
  77. var winHeight = $(window).height();
  78. function is_weixin() {
  79. var ua = navigator.userAgent.toLowerCase();
  80. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  81. return true;
  82. } else {
  83. return false;
  84. }
  85. }
  86. var isWeixin = is_weixin();
  87. if (isWeixin) {
  88. $(".weixin-tip").css("height", winHeight);
  89. $(".weixin-tip").show();
  90. }
  91. })
  92. </script>
  93. </html>