feat: integrate platform backend and application interfaces
This commit is contained in:
@@ -1,7 +1,6 @@
|
||||
import React, { memo, useState } from 'react';
|
||||
import React, { memo } from 'react';
|
||||
import classNames from 'classnames';
|
||||
import Login from './components/Login';
|
||||
import Register from './components/Register';
|
||||
import LoginHeader from './components/Header';
|
||||
import { useAppSelector } from 'modules/store';
|
||||
import { selectGlobal } from 'modules/global';
|
||||
@@ -9,35 +8,23 @@ import { selectGlobal } from 'modules/global';
|
||||
import Style from './index.module.less';
|
||||
|
||||
export default memo(() => {
|
||||
const [type, setType] = useState('login');
|
||||
const globalState = useAppSelector(selectGlobal);
|
||||
const { theme } = globalState;
|
||||
const handleSwitchLoginType = () => {
|
||||
setType(type === 'register' ? 'login' : 'register');
|
||||
};
|
||||
|
||||
return (
|
||||
<div
|
||||
className={classNames(Style.loginWrapper, { [Style.light]: theme === 'light', [Style.dark]: theme !== 'light' })}
|
||||
>
|
||||
<LoginHeader />
|
||||
<div className={Style.loginContainer}>
|
||||
<main className={Style.loginContent}>
|
||||
<div className={Style.titleContainer}>
|
||||
<h1 className={Style.title}>登录到</h1>
|
||||
<h1 className={Style.title}>元境幻生管理台</h1>
|
||||
<div className={Style.subTitle}>
|
||||
<p className={classNames(Style.tip, Style.registerTip)}>
|
||||
{type === 'register' ? '已有账号?' : '没有账号吗?'}
|
||||
</p>
|
||||
<p className={classNames(Style.tip, Style.loginTip)} onClick={handleSwitchLoginType}>
|
||||
{type === 'register' ? '登录' : '注册新账号'}
|
||||
</p>
|
||||
</div>
|
||||
<div className={Style.subTitle}><p className={classNames(Style.tip, Style.registerTip)}>管理员账户由系统安全策略统一配置</p></div>
|
||||
</div>
|
||||
{type === 'login' ? <Login /> : <Register />}
|
||||
</div>
|
||||
<Login />
|
||||
</main>
|
||||
<footer className={Style.copyright}>
|
||||
Copyright @ 2021-{new Date().getFullYear()} Tencent. All Rights Reserved
|
||||
MiragenFlow / 元境幻生 · 管理员控制台
|
||||
</footer>
|
||||
</div>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user