add: Some pages and config
This commit is contained in:
38
pages/login.tsx
Normal file
38
pages/login.tsx
Normal file
@ -0,0 +1,38 @@
|
||||
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;
|
Reference in New Issue
Block a user