feat: 新增移动端拦截

2022-03-01 15:58:39 +08:00 · 2022-03-01 15:58:39 +08:00 · 977f1cade0
commit 977f1cade0
parent 4075064384
1 changed files with 21 additions and 2 deletions
--- a/index.html
+++ b/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>