Browse Source

feat: 新增移动端拦截

MTrun 3 years ago
parent
commit
977f1cade0
1 changed files with 21 additions and 2 deletions
  1. 21 2
      index.html

+ 21 - 2
index.html

@@ -10,8 +10,24 @@
     />
     <link rel="icon" href="./favicon.ico" />
     <title>GoView</title>
-    <link rel="stylesheet" href="./index.css">
-    
+    <link rel="stylesheet" href="./index.css" />
+    <style>
+      /*0~1024*/
+      @media (max-width: 1024px) {
+        .mobile-terminal {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 100vw;
+          height: 100vh;
+          font-size: 30px;
+          background-image: linear-gradient(to top, #fff1eb 0%, #ace0f9 100%);
+        }
+        #app {
+          display: none;
+        }
+      }
+    </style>
   </head>
   <body>
     <div id="appProvider" style="display: none;"></div>
@@ -22,6 +38,9 @@
         </div>
       </div>
     </div>
+    <div class="mobile-terminal">
+      <p>请使用 Web 端进行查看呢 ψ(`∇´)ψ</p>
+    </div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>