1 | import React from 'react';
|
2 | import styles from './App.css';
|
3 |
|
4 | import RM from 'react-dom';
|
5 | import Render from './render';
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 | import { Layout, Menu, Breadcrumb, Icon } from 'antd';
|
12 | const { Sider } = Layout;
|
13 |
|
14 |
|
15 | import HeaderView from './header';
|
16 | import SiderView from './sider';
|
17 | import ContentView from './content';
|
18 |
|
19 | import DB from '../tmp/__md__.json';
|
20 |
|
21 |
|
22 | class App extends React.Component {
|
23 | constructor(props) {
|
24 | super(props);
|
25 | }
|
26 |
|
27 | componentDidMount() {
|
28 | }
|
29 |
|
30 | handleClicked(page) {
|
31 | this.refs.render.setPage(page);
|
32 | }
|
33 |
|
34 | render() {
|
35 | return (
|
36 | <Layout>
|
37 | <HeaderView />
|
38 | <Layout>
|
39 | <Sider width={200} style={{ background: '#fff' }}>
|
40 | aaa
|
41 | <SiderView/>
|
42 | </Sider>
|
43 | <Layout style={{ padding: '0 24px 24px' }}>
|
44 | <Breadcrumb style={{ margin: '12px 0' }}>
|
45 | <Breadcrumb.Item>Home</Breadcrumb.Item>
|
46 | <Breadcrumb.Item>List</Breadcrumb.Item>
|
47 | <Breadcrumb.Item>App</Breadcrumb.Item>
|
48 | <ContentView />
|
49 | </Breadcrumb>
|
50 | </Layout>
|
51 | </Layout>
|
52 |
|
53 | </Layout>
|
54 | )
|
55 | |
56 |
|
57 |
|
58 |
|
59 |
|
60 |
|
61 |
|
62 |
|
63 | }
|
64 | }
|
65 |
|
66 | export default App; |
\ | No newline at end of file |