30 lines
626 B
TypeScript
30 lines
626 B
TypeScript
import React, { useState, useEffect } from 'react';
|
|
import { Layout, Menu, Button, Avatar, Dropdown, message } from 'antd';
|
|
import {
|
|
AppstoreOutlined,
|
|
UserOutlined,
|
|
LogoutOutlined,
|
|
MenuFoldOutlined,
|
|
MenuUnfoldOutlined,
|
|
} from '@ant-design/icons';
|
|
import { history, useLocation, Outlet } from 'umi';
|
|
import './index.less';
|
|
|
|
const { Header, Sider, Content } = Layout;
|
|
|
|
const MainLayout: React.FC = () => {
|
|
|
|
const location = useLocation();
|
|
|
|
|
|
return (
|
|
<Layout className="main-layout">
|
|
<Content className="main-content">
|
|
<Outlet />
|
|
</Content>
|
|
</Layout>
|
|
);
|
|
};
|
|
|
|
export default MainLayout;
|