From d27552f2d477391b0036ad355910974b26e4b538 Mon Sep 17 00:00:00 2001
From: wangxingkang <wang_xingkang@qq.com>
Date: Tue, 21 May 2024 23:40:07 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=99=BB=E5=BD=95=E8=A1=A8=E5=8D=95=20?=
 =?UTF-8?q?UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Auth}/index.module.less                   |  0
 src/layouts/Auth/index.tsx                    | 25 ++++++++++++++++---
 .../login/components/LoginPage/index.tsx      | 15 -----------
 .../authentication/login/components/index.ts  |  0
 src/pages/authentication/login/index.tsx      | 21 +++++++++++++---
 vite.config.ts                                |  3 +++
 6 files changed, 42 insertions(+), 22 deletions(-)
 rename src/{pages/authentication/login/components/LoginPage => layouts/Auth}/index.module.less (100%)
 delete mode 100644 src/pages/authentication/login/components/LoginPage/index.tsx
 create mode 100644 src/pages/authentication/login/components/index.ts

diff --git a/src/pages/authentication/login/components/LoginPage/index.module.less b/src/layouts/Auth/index.module.less
similarity index 100%
rename from src/pages/authentication/login/components/LoginPage/index.module.less
rename to src/layouts/Auth/index.module.less
diff --git a/src/layouts/Auth/index.tsx b/src/layouts/Auth/index.tsx
index b83ebd4..f152818 100644
--- a/src/layouts/Auth/index.tsx
+++ b/src/layouts/Auth/index.tsx
@@ -1,9 +1,28 @@
 import { Outlet } from 'react-router-dom';
+import classnames from '@pansy/classnames'
+import styles from './index.module.less'
+
 
 export const AuthLayout = () => {
   return (
-    <>
-      <Outlet />
-    </>
+    <div className={classnames(styles.login, 'relative w-full h-full px-4')}>
+      <div className="flex items-center absolute right-4 top-4"></div>
+
+      <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>
+          <div className="flex w-full h-full py-5 xl:h-auto xl:py-0 xl:my-0 xl:w-6/12">
+            <div
+              className="relative w-full px-5 py-8 mx-auto my-auto rounded-md shadow-md xl:ml-16 xl:bg-transparent sm:px-8 xl:p-4 xl:shadow-none sm:w-3/4 lg:w-2/4 xl:w-auto enter-x"
+              style={{ width: '100%' }}
+            >
+              <Outlet />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
   )
 }
diff --git a/src/pages/authentication/login/components/LoginPage/index.tsx b/src/pages/authentication/login/components/LoginPage/index.tsx
deleted file mode 100644
index 9ced361..0000000
--- a/src/pages/authentication/login/components/LoginPage/index.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import React from 'react'
-import classnames from '@pansy/classnames'
-import styles from './index.module.less'
-
-interface LoginPageProps {
-  children?: React.ReactNode
-}
-
-export const LoginPage = (props: LoginPageProps) => {
-  return (
-    <div className={classnames(styles.login, 'relative w-full h-full px-4')}>
-      {props.children}
-    </div>
-  )
-}
diff --git a/src/pages/authentication/login/components/index.ts b/src/pages/authentication/login/components/index.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/authentication/login/index.tsx b/src/pages/authentication/login/index.tsx
index a0a7fea..f186fe3 100644
--- a/src/pages/authentication/login/index.tsx
+++ b/src/pages/authentication/login/index.tsx
@@ -1,10 +1,23 @@
-import { LoginPage } from './components/LoginPage'
+import { Form, Input, Button } from '@arco-design/web-react'
 
 const Login = () => {
   return (
-    <LoginPage>
-
-    </LoginPage>
+    <>
+      <h2 className="mb-8 text-2xl font-bold text-center xl:text-3xl enter-x xl:text-left">
+        登录
+      </h2>
+      <Form size="large" className="enter-x">
+        <Form.Item field="username">
+          <Input placeholder="用户名" />
+        </Form.Item>
+        <Form.Item field="password">
+          <Input.Password placeholder="密码" />
+        </Form.Item>
+        <Form.Item field="password">
+          <Button long type="primary">登录</Button>
+        </Form.Item>
+      </Form>
+    </>
   )
 }
 
diff --git a/vite.config.ts b/vite.config.ts
index b646453..69a56d9 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -52,5 +52,8 @@ export default defineConfig(({ command }) => {
         }
       }
     },
+    server: {
+      port: 8888,
+    }
   }
 })