mainPage.js 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. import { Layout, Menu, Breadcrumb, Row, Col, Avatar } from 'antd';
  2. import { createFromIconfontCN } from '@ant-design/icons';
  3. import '../App.css';
  4. import 'antd/dist/antd.min.css';
  5. import {Switch} from 'react-router-dom';
  6. import { CCategoryList, SwitchRoute } from '../components';
  7. import { HeaderSite } from '../components';
  8. const { SubMenu } = Menu;
  9. const { Header, Content, Footer, Sider } = Layout;
  10. const IconFont = createFromIconfontCN({
  11. scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',
  12. });
  13. function MainPage () {
  14. return (
  15. <Layout>
  16. <HeaderSite/>
  17. <Content style={{ padding: '0 50px' }}>
  18. <Breadcrumb style={{ margin: '16px 0' }}/>
  19. <Layout className="site-layout-background" style={{ marginTop: '-2px 0' }}>
  20. <Sider className="site-layout-background" width={230}>
  21. <Menu
  22. mode="inline"
  23. defaultSelectedKeys={['1']}
  24. defaultOpenKeys={['sub1']}
  25. style={{ height: '100%' }}
  26. >
  27. <CCategoryList/>
  28. </Menu>
  29. </Sider>
  30. <Content style={{ padding: '0 24px', minHeight: 280 }}>Content
  31. <Switch>
  32. <SwitchRoute/>
  33. </Switch>
  34. </Content>
  35. </Layout>
  36. </Content>
  37. <Footer style={{ textAlign: 'center' }}>Viktoriia Yurchenko 2022</Footer>
  38. </Layout>
  39. )
  40. }
  41. export default MainPage;