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

- 新增忘记密码页面组件及样式
- 在路由配置中添加忘记密码页面路由
- 修改登录页面，将忘记密码链接改为按钮并添加跳转逻辑

config/router.config.ts

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

src/pages/forgot/forget.less

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

src/pages/forgot/forgot.tsx

@@ -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;

src/pages/login/login.tsx

@@ -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>