copy

public/index.html

@@ -6,18 +6,6 @@
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
     <title><%= htmlWebpackPlugin.options.title %></title>
-    <style type="text/css">
-      .footer_copy {
-        padding: 10px 0;
-        text-align: center;
-        color: #999;
-      }
-
-      .footer_copy a {
-        margin-right: 5px;
-        color: #fff;
-      }
-    </style>
     <script type="text/javascript">
       var userAgent = navigator.userAgent;
       if (/micromessenger/i.test(userAgent)) {
@@ -38,11 +26,5 @@
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
-    <div class="footer_copy">
-      <a href="https://beian.miit.gov.cn" target="_blank">
-        蜀ICP备18008991号-3
-      </a>
-      版权所有：3Dqueen
-    </div>
   </body>
 </html>

src/pages/website/Login/index.tsx

@@ -0,0 +1,31 @@
+import { css } from "@linaria/core";
+import Login from "@queenjs-modules/auth/components/Login";
+import { defineComponent } from "vue";
+export default defineComponent(() => {
+  return () => (
+    <div class={LoginStyle}>
+      <Login class="!h-auto flex-1" />
+      <div class="footer_copy">
+        <a href="https://beian.miit.gov.cn" target="_blank">
+          蜀ICP备18008991号-3
+        </a>
+        版权所有：3Dqueen
+      </div>
+    </div>
+  );
+});
+const LoginStyle = css`
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  .footer_copy {
+    padding: 10px 0;
+    text-align: center;
+    color: #999;
+  }
+
+  .footer_copy a {
+    margin-right: 5px;
+    color: #fff;
+  }
+`;

src/pages/website/router.ts

@@ -52,7 +52,7 @@ const routes: Array<RouteRecordRaw> = [
   {
     path: "/login",
     name: "login",
-    component: () => import("@queenjs-modules/auth/components/Login"),
+    component: () => import("./Login"),
   },
   {
     path: "/forget",