From e2183bcbd220ac23cf22cfff4dc9c68629b100c1 Mon Sep 17 00:00:00 2001
From: luocai <luocai@unisound.com>
Date: Sat, 3 Jun 2023 10:30:51 +0800
Subject: [PATCH] =?UTF-8?q?1.=E6=B7=BB=E5=8A=A0=E7=99=BB=E5=BD=95=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/LoginPage.js         | 51 ++++++++++++++++++++++++++++++++++++++--
 src/LoginPage.module.css |  7 ++++++
 2 files changed, 56 insertions(+), 2 deletions(-)
 create mode 100644 src/LoginPage.module.css

diff --git a/src/LoginPage.js b/src/LoginPage.js
index a5a9c38..41e2048 100644
--- a/src/LoginPage.js
+++ b/src/LoginPage.js
@@ -1,3 +1,50 @@
-export default function (){
-    return <div>Loin Page</div>
+import React, { useState } from 'react';
+import Button from '@mui/material/Button';
+import TextField from '@mui/material/TextField';
+
+import styles from './LoginPage.module.css';
+
+export default function () {
+    const [username, setUsername] = useState('');
+    const [password, setPassword] = useState('');
+
+
+
+    const handleInputChange = (event) => {
+        const { name, value } = event.target;
+        if (name === 'username') setUsername(value);
+        if (name === 'password') setPassword(value);
+    };
+
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        console.log(`Username: ${username}\nPassword: ${password}`);
+    };
+
+    return (
+        <form className={styles.form} onSubmit={handleSubmit}>
+            <TextField
+                name="username"
+                label="请输入手机号码"
+                variant="outlined"
+                value={username}
+                onChange={handleInputChange}
+            />
+            <TextField
+                name="password"
+                label="请输入密码"
+                type="password"
+                variant="outlined"
+                value={password}
+                onChange={handleInputChange}
+            />
+            <Button
+                type="submit"
+                variant="contained"
+                color="primary"
+            >
+                登录
+            </Button>
+        </form>
+    );
 }
\ No newline at end of file
diff --git a/src/LoginPage.module.css b/src/LoginPage.module.css
new file mode 100644
index 0000000..eb5b217
--- /dev/null
+++ b/src/LoginPage.module.css
@@ -0,0 +1,7 @@
+.form {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+}
\ No newline at end of file