+ (
+
+ }
+ title={{item.title}}
+ description="Ant Design, a design language for background applications, is refined by Ant UED Team"
+ />
+
+ )}
+ />
+
+
+
+ {/* 雷达图 */}
+
+
+
+
+ }
+ >
+
+
+
+
+
+
+ }
+ >
+
豆豆
+
无名
+
-
col - 8 | push - 16
);
diff --git a/src/pages/home/mock.ts b/src/pages/home/mock.ts
index bbd51ed..54ecb1d 100644
--- a/src/pages/home/mock.ts
+++ b/src/pages/home/mock.ts
@@ -1,21 +1,32 @@
-export const names = ['Socrates', 'Balzac', 'Plato'];
-export const avatarSrc = [
- '//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/a8c8cdb109cb051163646151a4a5083b.png~tplv-uwbnlip3yd-webp.webp',
- '//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/e278888093bef8910e829486fb45dd69.png~tplv-uwbnlip3yd-webp.webp',
- '//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/9eeb1800d9b78349b24682c3518ac4a3.png~tplv-uwbnlip3yd-webp.webp',
+export const listData = [
+ {
+ title: 'Ant Design Title 1',
+ },
+ {
+ title: 'Ant Design Title 2',
+ },
+ {
+ title: 'Ant Design Title 3',
+ },
+ {
+ title: 'Ant Design Title 4',
+ },
+ {
+ title: 'Ant Design Title 5',
+ },
+ {
+ title: 'Ant Design Title 6',
+ },
+ {
+ title: 'Ant Design Title 7',
+ },
+ {
+ title: 'Ant Design Title 8',
+ },
+ {
+ title: 'Ant Design Title 9',
+ },
+ {
+ title: 'Ant Design Title 10',
+ },
];
-export const imageSrc = [
- '//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/29c1f9d7d17c503c5d7bf4e538cb7c4f.png~tplv-uwbnlip3yd-webp.webp',
- '//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/04d7bc31dd67dcdf380bc3f6aa07599f.png~tplv-uwbnlip3yd-webp.webp',
- '//p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/1f61854a849a076318ed527c8fca1bbf.png~tplv-uwbnlip3yd-webp.webp',
-];
-export const dataSource = new Array(15).fill(null).map((_, index) => {
- return {
- index: index,
- avatar: avatarSrc[index % avatarSrc.length],
- title: names[index % names.length],
- description:
- 'Beijing ByteDance Technology Co., Ltd. is an enterprise located in China. ByteDance has products such as TikTok, Toutiao, volcano video and Douyin (the Chinese version of TikTok).',
- imageSrc: imageSrc[index % imageSrc.length],
- };
-});
diff --git a/src/pages/login/index.tsx b/src/pages/login/index.tsx
index b542615..b75958c 100644
--- a/src/pages/login/index.tsx
+++ b/src/pages/login/index.tsx
@@ -1,5 +1,6 @@
import LogoSvg from '@/assets/login.svg';
import RegisterSvg from '@/assets/register.svg';
+import { ArrowLeftOutlined, ArrowRightOutlined } from '@ant-design/icons';
import { Button } from 'antd';
import classnames from 'classnames';
import React, { useState } from 'react';
@@ -18,8 +19,8 @@ const TIPS_MAP = {
content: '如果是新用户,请前往注册',
},
[LoginMode.REGISTER]: {
- tip: '老用户了吗?',
- content: '老用户请直接登录',
+ tip: '欢迎来到账号注册',
+ content: '如果已有账号,请前往登录',
},
};
@@ -49,19 +50,24 @@ const Login = () => {
-
-
{TIPS_MAP[mode].tip}
-
{TIPS_MAP[mode].content}
-
+
+
+
{TIPS_MAP[mode].tip}
+
{TIPS_MAP[mode].content}
+
+ } onClick={handleToggle} />
+
-
{TIPS_MAP[mode].tip}
-
{TIPS_MAP[mode].content}
-
+ } onClick={handleToggle} />
+
+
{TIPS_MAP[mode].tip}
+
{TIPS_MAP[mode].content}
+
diff --git a/src/pages/login/loginForm.tsx b/src/pages/login/loginForm.tsx
index 56b1ffa..9970a13 100644
--- a/src/pages/login/loginForm.tsx
+++ b/src/pages/login/loginForm.tsx
@@ -1,5 +1,6 @@
import { TOKEN_KEY } from '@/router/const';
import { setCookie } from '@/utils/cookie';
+import { LockOutlined, UserOutlined } from '@ant-design/icons';
import { Button, Form, Input, message } from 'antd';
import React from 'react';
import { useNavigate } from 'react-router';
@@ -27,10 +28,10 @@ const LoginForm = () => {