0元购的下载页面、隐私条款

ios-mobile.html 2.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>漫步今日益行</title>
  7. <style>
  8. * {
  9. padding: 0;
  10. margin: 0;
  11. box-sizing: border-box;
  12. }
  13. body {
  14. width: 7.5rem;
  15. }
  16. .container {
  17. position: relative;
  18. }
  19. .conbg {
  20. width: 100%;
  21. display: block;
  22. }
  23. .btn {
  24. position: absolute;
  25. top: 11.3rem;
  26. left: calc(50% + 0.15rem);
  27. transform: translateX(-50%);
  28. width: 3.1rem;
  29. height: 0.85rem;
  30. }
  31. #ios-mask {
  32. background-color: rgba(0,0,0,.8);
  33. width: 100%;
  34. height: 100%;
  35. z-index: 99999;
  36. left:0px;
  37. top:0px;
  38. position:fixed;
  39. overflow:hidden;
  40. text-align: center;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <div class="container">
  46. <div id="ios-mask" style="display: none;">
  47. <img src="/img/arrow.png" style="margin: 1rem 0 0 2.5rem;">
  48. <p style="color: #ffffff;font-size: 23px;margin:.5rem 0 .9rem 0;">请在浏览器中打开</p>
  49. <img src="/img/know.png" onclick="closeMask()" style="CURSOR: pointer">
  50. </div>
  51. <img class="conbg" src="/img/bg-img-ios.png" alt="">
  52. <!-- <a href="https://s3.cn-northwest-1.amazonaws.com.cn/s3.jianos.com/Zero.apk" download=""> -->
  53. <div class="btn" onclick="download()"></div>
  54. <!-- </a> -->
  55. </div>
  56. <script>
  57. document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
  58. function download() {
  59. var ua = window.navigator.userAgent.toLowerCase();
  60. if (ua.match(/MicroMessenger/i) == 'micromessenger') {
  61. //是微信环境,弹出遮罩
  62. document.getElementById('ios-mask').style.display='block';
  63. return true;
  64. } else {
  65. //不是微信环境,直接下载,后再加下载地址
  66. return false;
  67. }
  68. }
  69. function closeMask(){
  70. document.getElementById('ios-mask').style.display='none';
  71. }
  72. </script>
  73. </body>
  74. </html>