修改

.umirc.ts

@@ -6,43 +6,50 @@ export default defineConfig({
       path: "/",
       component: "index",
       name: "系统首页",
-      wrappers: ["@/wrappers/auth"]
+      title: "系统首页",
+      wrappers: ["@/wrappers/auth"],
     },
     {
       path: "/login",
       component: "login",
       name: "登录",
-      wrappers: ["@/wrappers/auth"]
+      title: "登录",
+      wrappers: ["@/wrappers/auth"],
     },
     {
       path: "/user",
       component: "user",
       name: "普通用户",
-      wrappers: ["@/wrappers/auth"]
+      title: "普通用户",
+      wrappers: ["@/wrappers/auth"],
     },
     {
       path: "/admin",
       component: "admin",
       name: "管理用户",
-      wrappers: ["@/wrappers/auth"]
+      title: "管理用户",
+      wrappers: ["@/wrappers/auth"],
     },
     {
       path: "/tea",
       component: "tea",
       name: "茶产品",
-      wrappers: ["@/wrappers/auth"]
+      title: "茶产品",
+      wrappers: ["@/wrappers/auth"],
     },
     {
       path: "/fruit",
       component: "fruit",
       name: "水果茶产品",
-      wrappers: ["@/wrappers/auth"]
+      title: "水果茶产品",
+      wrappers: ["@/wrappers/auth"],
     },
     {
       path: "/products",
       component: "products",
       name: "茶副产品",
-      wrappers: ["@/wrappers/auth"]
+      title: "茶副产品",
+      wrappers: ["@/wrappers/auth"],
     },
     { path: "/*", component: "404" },
   ],

src/pages/login/index.less

@@ -1,7 +1,20 @@
 .login{
+    display: flex;
+    flex-direction: column;
+    width: 99vw;
+    height: 98vh;
+    background: url('@/assets/home.jpeg');
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
   .w_1200{
     width: 1200px;
     margin: 0 auto;
     text-align: center;
+    .one_1{
+      padding: 2vw 0;
+      font-size: 25px;
+      font-weight: bold;
+      font-family: cursive;
+    }
   }
 }

src/pages/login/index.tsx

@@ -8,7 +8,7 @@ interface IProps {
 }
 const onFinish = (values: any) => {
    console.log('Success:', values);
-   const response: any = axios.get('/api/token').then((res) => res.data.data);
+   const response: any = axios.get('/api/token').then((res) => res.data);
    const current = new Date();
    const expireTime = current.setTime(current.getTime() + 1000 * 12 * 60 * 60);
    setSessionToken(response.token, response.token, expireTime);
@@ -22,38 +22,41 @@ const Login: React.FC<IProps> = ((): JSX.Element => {
 
   return <div  className='login'>
     <div className='w_1200'>
-    <Form
-      name="basic"
-      labelCol={{ span: 7 }}
-      wrapperCol={{ span: 10 }}
-      style={{ maxWidth: 1200 }}
-      initialValues={{ remember: true }}
-      onFinish={onFinish}
-      onFinishFailed={onFinishFailed}
-      autoComplete="off"
-    >
-      <Form.Item
-        label="用户名"
-        name="username"
-        rules={[{ required: true, message: '请输入用户名!' }]}
+      <div className='one_1'>茶餐厅-管理中心</div>
+      <div className='one_2'>
+        <Form
+        name="basic"
+        labelCol={{ span: 7 }}
+        wrapperCol={{ span: 10 }}
+        style={{ maxWidth: 1200 }}
+        initialValues={{ remember: true }}
+        onFinish={onFinish}
+        onFinishFailed={onFinishFailed}
+        autoComplete="off"
       >
-        <Input />
-      </Form.Item>
+        <Form.Item
+          label="用户名"
+          name="username"
+          rules={[{ required: true, message: '请输入用户名!' }]}
+        >
+          <Input />
+        </Form.Item>
 
-      <Form.Item
-        label="密码"
-        name="password"
-        rules={[{ required: true, message: '请输入密码d!' }]}
-      >
-        <Input.Password />
-      </Form.Item>
+        <Form.Item
+          label="密码"
+          name="password"
+          rules={[{ required: true, message: '请输入密码d!' }]}
+        >
+          <Input.Password />
+        </Form.Item>
 
-      <Form.Item wrapperCol={{ offset: 7, span: 10 }}>
-        <Button type="primary" htmlType="submit">
-          登录
-        </Button>
-      </Form.Item>
-      </Form>
+        <Form.Item wrapperCol={{ offset: 7, span: 10 }}>
+          <Button type="primary" htmlType="submit">
+            登录
+          </Button>
+        </Form.Item>
+        </Form>
+      </div>
     </div>
   </div>
 });