@@ -20,7 +20,11 @@ import { Layout } from 'uiw';
20
20
import Layout from ' @uiw/react-layout' ;
21
21
const { Header , Footer , Sider , Content } = Layout;
22
22
// or
23
- import Layout , { LayoutHeader , LayoutContent , LayoutSider , LayoutFooter , } from ' @uiw/react-layout' ;
23
+ import Layout , { LayoutHeader , LayoutContent , LayoutSider , LayoutFooter } from ' @uiw/react-layout' ;
24
+ Layout .Header = LayoutHeader
25
+ Layout .Content = LayoutContent
26
+ Layout .Sider = LayoutSider
27
+ Layout .Footer = LayoutFooter
24
28
```
25
29
26
30
## 基本用法
@@ -29,7 +33,7 @@ import Layout, { LayoutHeader, LayoutContent, LayoutSider, LayoutFooter, } from
29
33
``` jsx
30
34
import React from ' react' ;
31
35
import ReactDOM from ' react-dom' ;
32
- import Layout from ' @uiw/react-layout' ;
36
+ import Layout , { LayoutHeader , LayoutContent , LayoutSider , LayoutFooter } from ' @uiw/react-layout' ;
33
37
const { Header , Footer , Sider , Content } = Layout;
34
38
35
39
const stylHeader = { color: ' #fff' }
@@ -57,6 +61,15 @@ function Demo() {
57
61
< / Layout>
58
62
< Footer> Footer< / Footer>
59
63
< / Layout>
64
+
65
+ < Layout>
66
+ < LayoutHeader style= {stylHeader}> Header< / LayoutHeader>
67
+ < Layout>
68
+ < LayoutContent style= {stylConten}> Content< / LayoutContent>
69
+ < LayoutSider style= {stylSider}> Sider< / LayoutSider>
70
+ < / Layout>
71
+ < LayoutFooter> Footer< / LayoutFooter>
72
+ < / Layout>
60
73
< / div>
61
74
);
62
75
}
0 commit comments