dd tools dropdown menu to Header and include Footer in layout

3.0
nolancode1989 2025-04-18 07:46:42 +08:00
parent 72849222e8
commit 0e7b5ec77e
2 changed files with 21 additions and 2 deletions

View File

@ -6,7 +6,7 @@
import React from 'react'; import React from 'react';
import { Link } from 'react-router-dom'; import { Link } from 'react-router-dom';
import { Layout, Dropdown, Menu, Avatar, Divider } from 'antd'; 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 { AuthDiv } from 'components';
import Notification from './Notification'; import Notification from './Notification';
import styles from './layout.module.less'; import styles from './layout.module.less';
@ -39,6 +39,20 @@ export default function (props) {
</Menu> </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 ( return (
<Layout.Header className={styles.header}> <Layout.Header className={styles.header}>
<div className={styles.trigger} onClick={props.toggle}> <div className={styles.trigger} onClick={props.toggle}>
@ -47,7 +61,11 @@ export default function (props) {
<div className={styles.right}> <div className={styles.right}>
<div className={styles.link} onClick={() => window.open('https://spug.cc/')}>官网</div> <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://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"/> <Divider type="vertical"/>
<Notification/> <Notification/>
<AuthDiv className={styles.terminal} auth="host.console.view|host.console.list" onClick={openTerminal}> <AuthDiv className={styles.terminal} auth="host.console.view|host.console.list" onClick={openTerminal}>

View File

@ -51,6 +51,7 @@ export default function () {
<Route component={NotFound}/> <Route component={NotFound}/>
</Switch> </Switch>
</Layout.Content> </Layout.Content>
<Footer/>
</Layout> </Layout>
</Layout> </Layout>
) )