39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
import { NextPage } from "next";
|
|
import { Button, Col, Container, Form, Row } from "react-bootstrap";
|
|
|
|
|
|
const Login: NextPage = () => {
|
|
return (
|
|
<>
|
|
<Container className="my-5 px-4 py-5">
|
|
<Row className="p-4 pt-lg-5 align-items-center rounded-3 border shadow-lg">
|
|
<Col lg="7">
|
|
<h1 className="display-4 fw-bold lh-1">登录</h1>
|
|
<p className="lead">智慧养老综合服务平台</p>
|
|
</Col>
|
|
<Col md="10" lg="5">
|
|
<Form className="p-4 p-md-5 border rounded-3">
|
|
<Form.Group className="mb-3" controlId="loginUsername">
|
|
<Form.Label>用户名</Form.Label>
|
|
<Form.Control type="text" placeholder="Enter Username"></Form.Control>
|
|
</Form.Group>
|
|
|
|
<Form.Group className="mb-3" controlId="loginPassword">
|
|
<Form.Label>密码</Form.Label>
|
|
<Form.Control type="password" placeholder="Enter password"></Form.Control>
|
|
</Form.Group>
|
|
|
|
<Form.Group className="mb-3" controlId="loginRemember">
|
|
<Form.Check type="radio" label="记住我" />
|
|
</Form.Group>
|
|
<Button variant="primary" type="submit" size="lg">登录</Button>
|
|
</Form>
|
|
</Col>
|
|
</Row>
|
|
</Container>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default Login;
|