feat(登录): 添加忘记密码页面及路由配置

- 新增忘记密码页面组件及样式
- 在路由配置中添加忘记密码页面路由
- 修改登录页面,将忘记密码链接改为按钮并添加跳转逻辑
This commit is contained in:
linxd
2025-07-18 11:06:19 +08:00
parent 90b8628eb8
commit b8a49956cf
4 changed files with 26 additions and 2 deletions

View File

@ -16,6 +16,10 @@ export default [
}
]
},
{
path: '/forgot',
component: '@/pages/forgot/forgot',
},
{
path: '/',
name: "首页",

View File

@ -0,0 +1,3 @@
.forgotContainer{
background: red;
}

View File

@ -0,0 +1,12 @@
import React from 'react';
import styles from './forget.less';
import { useLocation } from 'umi';
const Forgot: React.FC = () => {
const location = useLocation();
const search = location.search;
const params = new URLSearchParams(search);
console.log(params);
const type = params.get('type');
return <div className={styles.forgotContainer}></div>;
};
export default Forgot;

View File

@ -151,6 +151,11 @@ const LoginPage: React.FC = () => {
);
};
// 忘记密码点击
const onForgot = () => {
history.push('/forgot?type='+activeKey);
}
return (
<div className='login-page'>
<div className='login-container'>
@ -225,9 +230,9 @@ const LoginPage: React.FC = () => {
<Form.Item name="remember" valuePropName="checked" noStyle>
<Checkbox>{intl.formatMessage({ id: 'login.remember' })}</Checkbox>
</Form.Item>
<a className="login-form-forgot" href="">
<Button type="link" onClick={()=>onForgot()} className="login-form-forgot" href="">
{intl.formatMessage({ id: 'login.forgot' })}
</a>
</Button>
</div>
</Form.Item>