feat(pages): 登录页面样式

src/layouts/Auth/index.tsx

@@ -1,4 +1,5 @@
-import { Outlet } from 'react-router-dom';
+import { Outlet } from 'react-router-dom'
+import boxBg from '@/assets/svg/login-box-bg.svg'
 import classnames from '@pansy/classnames'
 import styles from './index.module.less'
 
@@ -11,7 +12,17 @@ export const AuthLayout = () => {
       <div className="container relative h-full py-2 mx-auto sm:px-10">
         <div className="flex h-full">
           <div className="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
-            123
+            <div className="my-auto">
+              <img
+                src={boxBg}
+                className="w-1/2 -mt-16 -enter-x"
+              />
+              <div className="mt-10 font-medium text-white -enter-x">
+                <span className="inline-block mt-4 text-3xl">
+                  开箱即用的中后台管理系统
+                </span>
+              </div>
+            </div>
           </div>
           <div className="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-6/12">
             <div

src/pages/authentication/components/FormTitle/index.tsx

@@ -0,0 +1,11 @@
+interface FormTitleProps {
+  title?: string;
+}
+
+export const FormTitle = (props: FormTitleProps) => {
+  return (
+    <h2 className="mb-8 text-2xl font-bold text-center xl:text-3xl enter-x xl:text-left">
+      {props.title}
+    </h2>
+  )
+}

src/pages/authentication/login/index.tsx

@@ -1,11 +1,10 @@
 import { Form, Input, Button } from '@arco-design/web-react'
+import { FormTitle } from '../components/FormTitle'
 
 const Login = () => {
   return (
     <>
-      <h2 className="mb-8 text-2xl font-bold text-center xl:text-3xl enter-x xl:text-left">
-        登录
-      </h2>
+      <FormTitle title="登录" />
       <Form size="large" className="enter-x">
         <Form.Item field="username">
           <Input placeholder="用户名" />