download.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
  7. <title>下载</title>
  8. <script>
  9. function resizeFontsize(){
  10. var width = document.documentElement.clientWidth;
  11. document.documentElement.style.fontSize = width/3.75+'px';
  12. }
  13. resizeFontsize();
  14. window.addEventListener('orientationchange',resizeFontsize);
  15. window.addEventListener('resize',resizeFontsize);
  16. </script>
  17. <style>
  18. * {
  19. padding: 0;
  20. margin:0
  21. }
  22. body {
  23. height: 100vh;
  24. }
  25. .bg {
  26. height: 3.35rem;
  27. background: url("image/bg.png") center / 100% 100% no-repeat;
  28. }
  29. .ios ,.android {
  30. width: 2.82rem;
  31. height:0.52rem;
  32. margin: .4rem auto;
  33. }
  34. img {
  35. width: 100%;
  36. height:100%;
  37. display: block;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div class="bg"></div>
  43. <div class="ios">
  44. <img src="image/ios.png" alt="">
  45. </div>
  46. <div class="android">
  47. <img src="image/android.png" alt="">
  48. </div>
  49. <script src="js/jquery-2.1.0.min.js"></script>
  50. </body>
  51. </html>
  52. <script>
  53. $(".ios").click(function() {
  54. alert("暂无下载");
  55. // window.location.href = 'itms-services://?action=download-manifest&url=https://lift.whlhcx.com/a.plist';
  56. });
  57. $(".android").click(function() {
  58. alert("暂无下载");
  59. // window.location.href = 'http://lift.whlhcx.com/a.apk';
  60. });
  61. </script>