add: Some pages and config

This commit is contained in:
2022-07-03 15:50:50 +00:00
parent dd9d6bb602
commit df24f7cb3e
6 changed files with 107 additions and 5 deletions

38
pages/login.tsx Normal file
View 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;