2024-03-11 19:13:42 +08:00
|
|
|
|
import './head.css'
|
|
|
|
|
import Dropdown from '../../components/dropdown/Dropdown.tsx';
|
2024-03-11 23:33:03 +08:00
|
|
|
|
import BalanceHead from '../../components/balance/BalanceHead.tsx';
|
|
|
|
|
import RechargeHead from '../../components/recharge/RechargeHead.tsx';
|
|
|
|
|
import MessageHead from '../../components/message/MessageHead.tsx';
|
2024-03-11 19:13:42 +08:00
|
|
|
|
|
|
|
|
|
export default function Head() {
|
2024-03-11 23:33:03 +08:00
|
|
|
|
const logo: string = 'vite.svg';
|
2024-03-11 19:13:42 +08:00
|
|
|
|
return (
|
2024-03-11 23:33:03 +08:00
|
|
|
|
<div className="head">
|
|
|
|
|
<div className="center">
|
|
|
|
|
<div className="left">
|
|
|
|
|
<img src={logo} className="logo" alt="加载失败"/>
|
|
|
|
|
<span className="sys-title">AI软件著作权管理系统</span>
|
|
|
|
|
</div>
|
|
|
|
|
<div className="right">
|
|
|
|
|
<BalanceHead/>
|
|
|
|
|
<RechargeHead/>
|
|
|
|
|
<MessageHead/>
|
2024-03-11 19:13:42 +08:00
|
|
|
|
<Dropdown
|
2024-03-11 23:33:03 +08:00
|
|
|
|
title={'您好:18000000000'}
|
2024-03-11 19:13:42 +08:00
|
|
|
|
list={[
|
|
|
|
|
{
|
2024-03-11 23:33:03 +08:00
|
|
|
|
id: 'userinfo',
|
|
|
|
|
name: '个人信息',
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 'changePass',
|
|
|
|
|
name: '修改密码'
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
id: 'logout',
|
|
|
|
|
name: '退出系统'
|
2024-03-11 19:13:42 +08:00
|
|
|
|
}
|
|
|
|
|
]}
|
2024-03-11 23:33:03 +08:00
|
|
|
|
handle={
|
|
|
|
|
(_e, _index, item) => {
|
|
|
|
|
|
|
|
|
|
console.log(item.name)
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-03-11 19:13:42 +08:00
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|