f77675e5fc
- 实现 React + Arco Design Pro 基础框架 - 添加页面路由和布局组件 - 实现用户认证和权限管理 - 添加数据可视化图表组件 - 实现列表、表单等常用页面模块 - 配置 Redux 状态管理 - 添加工具函数和自定义 Hooks
38 lines
959 B
TypeScript
38 lines
959 B
TypeScript
import React, { useEffect } from 'react';
|
|
import Footer from '@/components/Footer';
|
|
import Logo from '@/assets/logo.svg';
|
|
import LoginForm from './form';
|
|
import LoginBanner from './banner';
|
|
import styles from './style/index.module.less';
|
|
|
|
function Login() {
|
|
useEffect(() => {
|
|
document.body.setAttribute('arco-theme', 'light');
|
|
}, []);
|
|
|
|
return (
|
|
<div className={styles.container}>
|
|
<div className={styles.logo}>
|
|
<Logo />
|
|
<div className={styles['logo-text']}>Arco Design Pro</div>
|
|
</div>
|
|
<div className={styles.banner}>
|
|
<div className={styles['banner-inner']}>
|
|
<LoginBanner />
|
|
</div>
|
|
</div>
|
|
<div className={styles.content}>
|
|
<div className={styles['content-inner']}>
|
|
<LoginForm />
|
|
</div>
|
|
<div className={styles.footer}>
|
|
<Footer />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
Login.displayName = 'LoginPage';
|
|
|
|
export default Login;
|