39 lines
1.2 KiB
JavaScript
39 lines
1.2 KiB
JavaScript
import React , { useState } from 'react';
|
||
import './index.scss';
|
||
import logo from './image/logo.png';
|
||
import { Menu } from 'antd';
|
||
import Bind from './bind';
|
||
import UnBind from './unbind';
|
||
|
||
function Index(props){
|
||
const [ key , setKey ] = useState("0");
|
||
|
||
// 选择menu
|
||
function chooseMenuFunc(e){
|
||
setKey(e.key)
|
||
}
|
||
return(
|
||
<div className={"bodies"}>
|
||
<div className="logo">
|
||
<img src={logo} alt="" height="48px" />
|
||
</div>
|
||
<div className={"content"}>
|
||
<p>关联第三方账号</p>
|
||
<div className="panels">
|
||
<p className="tips">您已完成头歌/github/gitee/qq/中国研究生赛事平台授权，请补充Gitlink登录信息以完成第三方账号绑定</p>
|
||
<Menu selectedKeys={[key]} mode={`horizontal`} className="panelsMenu" onClick={chooseMenuFunc}>
|
||
<Menu.Item key="0">已有Gitlink账号，进行绑定</Menu.Item>
|
||
<Menu.Item key="1">无Gitlink账号，注册并绑定</Menu.Item>
|
||
</Menu>
|
||
{
|
||
key === "0" ?
|
||
<Bind {...props}/>
|
||
:
|
||
<UnBind {...props}/>
|
||
}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
export default Index; |