feats

src/pages/login/index.jsx

+import React from 'react';
+import './style.less'
+
+export default (props) => {
+  return (
+    <div className='login-page'>
+
+    </div>
+  )
+}

src/pages/login/style.less

+
+.login-page {
+  height: 100%;
+  background: rgba(0, 0, 0, 0.06);
+  display: grid;
+  place-items: center;
+
+  .login-card {
+    
+  }
+}

src/routes/routes.jsx

 import AuthLayout from "@/layouts/AuthLayout"
 import Home from "@/pages/Home"
+import Login from '@/pages/login'
 
 export default [
   {
     element: <AuthLayout />,
     children: [
       {
-        path: "",
+        index: true,
         element: <Home />,
-        menu: {
-          title: '首页',
-          hidden: true,
-        },
       },
       {
         path: "index",
       }
     ],
   },
+  {
+    path: '/login',
+    element: <Login />,
+  }
 ]