App.js
1.47 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
import React,{Component} from 'react'
import Routers from "../../router";
import store from "../../store";
import { Provider } from 'react-redux'
import "./less/App.less";
import { Layout, Menu, Breadcrumb, Icon } from 'antd';
import LayoutHeader from "./LayoutHeader";
import LayoutSlide from "./LayoutSlide";
import LayoutFooter from "./LayoutFooter";
const { SubMenu } = Menu;
const { Header, Content, Footer, Sider } = Layout;
class App extends Component{
render(){
console.log(LayoutFooter);
return <Provider store={store}>
<Layout className="h100">
<Header className="header">
<LayoutHeader title="头部" />
</Header>
<Content style={{ padding: '0 50px',display:"flex"}}>
<Layout style={{ padding: '24px 0', background: '#fff' }}>
<Sider width={200} style={{ background: '#fff' }}>
<LayoutSlide title="侧边" />
</Sider>
<Content style={{ padding: '0 24px', minHeight: 280,display:"flex" }}>
<Routers title="路由"/>
</Content>
</Layout>
</Content>
<Footer style={{ textAlign: 'center' }}><LayoutFooter /></Footer>
</Layout>
</Provider>
}
}
export default App;