12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>漫步今日益行</title>
- <style>
- * {
- padding: 0;
- margin: 0;
- box-sizing: border-box;
- }
- body {
- width: 7.5rem;
- }
- .container {
- position: relative;
- }
- .conbg {
- width: 100%;
- display: block;
- }
- .btn {
- position: absolute;
- top: 11.3rem;
- left: calc(50% + 0.15rem);
- transform: translateX(-50%);
- width: 3.1rem;
- height: 0.85rem;
- }
- #ios-mask {
- background-color: rgba(0,0,0,.8);
- width: 100%;
- height: 100%;
- z-index: 99999;
- left:0px;
- top:0px;
- position:fixed;
- overflow:hidden;
- text-align: center;
- }
- </style>
- </head>
- <body>
- <div class="container">
- <div id="ios-mask" style="display: none;">
- <img src="/img/arrow.png" style="margin: 1rem 0 0 2.5rem;">
- <p style="color: #ffffff;font-size: 23px;margin:.5rem 0 .9rem 0;">请在浏览器中打开</p>
- <img src="/img/know.png" onclick="closeMask()" style="CURSOR: pointer">
- </div>
- <img class="conbg" src="/img/bg-img-ios.png" alt="">
-
- <div class="btn" onclick="download()"></div>
-
- </div>
- <script>
- document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
- function download() {
- var ua = window.navigator.userAgent.toLowerCase();
- if (ua.match(/MicroMessenger/i) == 'micromessenger') {
-
- document.getElementById('ios-mask').style.display='block';
- return true;
- } else {
-
-
- return false;
- }
- }
- function closeMask(){
- document.getElementById('ios-mask').style.display='none';
- }
- </script>
- </body>
- </html>
|