43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import "@/app/globals.css";
|
|
import Logo from "@/widgets/Logo";
|
|
|
|
export default function LoginPage() {
|
|
return (
|
|
<div className="min-h-screen bg-gray-50 flex flex-col items-center justify-center py-12 px-4 sm:px-6 lg:px-8">
|
|
<div className="max-w-md w-full space-y-8">
|
|
{/* Logo Section */}
|
|
<div className="text-center">
|
|
<Logo />
|
|
<h2 className="mt-6 text-center text-3xl font-bold text-gray-900">
|
|
登录您的账户
|
|
</h2>
|
|
</div>
|
|
|
|
{/* Login Form */}
|
|
<form className="mt-8 space-y-6" action="#" method="POST">
|
|
{/* Email Input */}
|
|
<div>
|
|
<input type="text" placeholder="帐号" className="input w-full" />
|
|
</div>
|
|
|
|
{/* Password Input */}
|
|
<div>
|
|
<input type="password" placeholder="密码" className="input w-full" />
|
|
</div>
|
|
|
|
{/* Remember Me & Forgot Password */}
|
|
<div className="flex items-center justify-between">
|
|
<label className="fieldset-label">
|
|
<input type="checkbox" defaultChecked className="checkbox" />
|
|
记住我
|
|
</label>
|
|
</div>
|
|
|
|
{/* Submit Button */}
|
|
<button className="btn w-full">登录</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|