mirror of https://github.com/openspug/spug
dd tools dropdown menu to Header and include Footer in layout
parent
72849222e8
commit
0e7b5ec77e
|
@ -6,7 +6,7 @@
|
|||
import React from 'react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import { Layout, Dropdown, Menu, Avatar, Divider } from 'antd';
|
||||
import { MenuFoldOutlined, MenuUnfoldOutlined, UserOutlined, LogoutOutlined, CodeOutlined } from '@ant-design/icons';
|
||||
import { MenuFoldOutlined, MenuUnfoldOutlined, UserOutlined, LogoutOutlined, CodeOutlined, DownOutlined } from '@ant-design/icons';
|
||||
import { AuthDiv } from 'components';
|
||||
import Notification from './Notification';
|
||||
import styles from './layout.module.less';
|
||||
|
@ -39,6 +39,20 @@ export default function (props) {
|
|||
</Menu>
|
||||
);
|
||||
|
||||
const ToolsMenu = (
|
||||
<Menu>
|
||||
<Menu.Item onClick={() => window.open('https://ssl.spug.cc')}>
|
||||
免费证书
|
||||
</Menu.Item>
|
||||
<Menu.Item onClick={() => window.open('https://up.spug.cc')}>
|
||||
免费监控
|
||||
</Menu.Item>
|
||||
<Menu.Item onClick={() => window.open('https://push.spug.cc')}>
|
||||
推送助手
|
||||
</Menu.Item>
|
||||
</Menu>
|
||||
);
|
||||
|
||||
return (
|
||||
<Layout.Header className={styles.header}>
|
||||
<div className={styles.trigger} onClick={props.toggle}>
|
||||
|
@ -47,7 +61,11 @@ export default function (props) {
|
|||
<div className={styles.right}>
|
||||
<div className={styles.link} onClick={() => window.open('https://spug.cc/')}>官网</div>
|
||||
<div className={styles.link} onClick={() => window.open('https://ops.spug.cc/docs/about-spug/')}>文档</div>
|
||||
<div className={styles.link} onClick={() => window.open('https://ssl.spug.cc/')}>证书申请</div>
|
||||
<Dropdown overlay={ToolsMenu} placement="bottomCenter">
|
||||
<span className={styles.link}>
|
||||
工具服务 <DownOutlined style={{fontSize: 12}}/>
|
||||
</span>
|
||||
</Dropdown>
|
||||
<Divider type="vertical"/>
|
||||
<Notification/>
|
||||
<AuthDiv className={styles.terminal} auth="host.console.view|host.console.list" onClick={openTerminal}>
|
||||
|
|
|
@ -51,6 +51,7 @@ export default function () {
|
|||
<Route component={NotFound}/>
|
||||
</Switch>
|
||||
</Layout.Content>
|
||||
<Footer/>
|
||||
</Layout>
|
||||
</Layout>
|
||||
)
|
||||
|
|
Loading…
Reference in New Issue