feat(登录): 添加忘记密码页面及路由配置
- 新增忘记密码页面组件及样式 - 在路由配置中添加忘记密码页面路由 - 修改登录页面,将忘记密码链接改为按钮并添加跳转逻辑
This commit is contained in:
@ -16,6 +16,10 @@ export default [
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/forgot',
|
||||
component: '@/pages/forgot/forgot',
|
||||
},
|
||||
{
|
||||
path: '/',
|
||||
name: "首页",
|
||||
|
3
src/pages/forgot/forget.less
Normal file
3
src/pages/forgot/forget.less
Normal file
@ -0,0 +1,3 @@
|
||||
.forgotContainer{
|
||||
background: red;
|
||||
}
|
12
src/pages/forgot/forgot.tsx
Normal file
12
src/pages/forgot/forgot.tsx
Normal 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;
|
@ -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>
|
||||
|
||||
|
Reference in New Issue
Block a user