App.js
1.79 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
41
42
43
44
45
import React,{Component} from 'react'
import Routers from "../../router";
import store from "../../store";
import { Provider } from 'react-redux'
import "./less/App.less";
import { Layout } from 'antd';
import LayoutHeader from "./LayoutHeader";
import LayoutSlide from "./LayoutSlide";
import LayoutFooter from "./LayoutFooter";
import { BrowserRouter as Router,Switch,Route} from "react-router-dom";
const { Header, Content, Footer, Sider } = Layout;
class App extends Component{
render(){
return <Provider store={store}>
<Router>
<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/>
</Content>
</Layout>
</Content>
<Footer style={{ textAlign: 'center' }}><LayoutFooter /></Footer>
</Layout>
</Router>
</Provider>
}
}
export default App;