Browse Source

证书大部分接口完成

main
lk 3 months ago
parent
commit
6cff9fe727
  1. 126
      src/pages/login2/index.tsx

126
src/pages/login2/index.tsx

@ -0,0 +1,126 @@
import React from "react";
import { Layout, Tabs, Input, Button, Typography, Row, Col } from "antd";
import { QrcodeOutlined, UserOutlined, LockOutlined } from "@ant-design/icons";
const { Title, Text, Link } = Typography;
const { TabPane } = Tabs;
const Login2: React.FC = () => {
return (
<Layout
style={{
height: "100vh",
background: "url('https://placehold.co/1920x1080') no-repeat center center",
backgroundSize: "cover"
}}
>
<Row justify="center" align="middle" style={{ height: "100%" }}>
<Col>
<Row>
<Col span={12} style={{ padding: "20px" }}>
<Title level={3}></Title>
<Text></Text>
<br />
<Link href="#"> &gt;</Link>
</Col>
<Col
span={12}
style={{
padding: "20px",
background: "#fff",
borderRadius: "8px",
position: "relative",
width:"500px",
height:"400px",
}}
>
<div
style={{
position: "absolute",
top: 0,
right: 0,
width: 0,
height: 0,
borderLeft: "80px solid transparent",
borderTop: "80px solid #ff9800",
textAlign: "center"
}}
>
<Link
href="#"
style={{
position: "absolute",
top: "-70px",
right: "0px",
color: "#fff",
fontSize: "16px",
transform: "rotate(0deg)",
textAlign: "center",
width: "60px",
display: "block"
}}
>
</Link>
</div>
<Tabs defaultActiveKey="1">
<TabPane tab="账号密码登录" key="1">
<Input
size="large"
placeholder="请输入账号"
prefix={<UserOutlined />}
style={{ marginBottom: "20px" }}
/>
<Input.Password
size="large"
placeholder="请输入登录密码"
prefix={<LockOutlined />}
style={{ marginBottom: "20px" }}
/>
</TabPane>
<TabPane tab="邮箱登录" key="2">
<Input
size="large"
placeholder="请输入邮箱"
prefix={<UserOutlined />}
style={{ marginBottom: "20px" }}
/>
<Input.Password
size="large"
placeholder="请输入验证码"
prefix={<LockOutlined />}
style={{ marginBottom: "20px" }}
/>
</TabPane>
<TabPane tab="飞机登录" key="3">
<Input
size="large"
placeholder="请输入飞机代码"
prefix={<UserOutlined />}
style={{ marginBottom: "20px" }}
/>
</TabPane>
</Tabs>
<Input.Password
size="large"
placeholder="验证码"
prefix={<LockOutlined />}
style={{ marginBottom: "20px" }}
/>
<Button type="primary" block>
</Button>
<Row justify="space-between" style={{ marginTop: "10px" }}>
<Link href="#"></Link>
<Link href="#"></Link>
</Row>
</Col>
</Row>
</Col>
</Row>
</Layout>
);
};
export default Login2;
Loading…
Cancel
Save