feat: 新增移动端拦截

This commit is contained in:
MTrun 2022-03-01 15:58:39 +08:00
parent 4075064384
commit 977f1cade0

View File

@ -10,8 +10,24 @@
/> />
<link rel="icon" href="./favicon.ico" /> <link rel="icon" href="./favicon.ico" />
<title>GoView</title> <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> </head>
<body> <body>
<div id="appProvider" style="display: none;"></div> <div id="appProvider" style="display: none;"></div>
@ -22,6 +38,9 @@
</div> </div>
</div> </div>
</div> </div>
<div class="mobile-terminal">
<p>请使用 Web 端进行查看呢 ψ(`∇´)ψ</p>
</div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>
</html> </html>