Skip to content

Commit 238efac

Browse files
committed
doc: Update core/README-zh.md
1 parent 608f0fc commit 238efac

File tree

1 file changed

+15
-2
lines changed

1 file changed

+15
-2
lines changed

core/README-zh.md

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,11 @@ import { Layout } from 'uiw';
2020
import Layout from '@uiw/react-layout';
2121
const { Header, Footer, Sider, Content } = Layout;
2222
// 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
2428
```
2529

2630
## 基本用法
@@ -29,7 +33,7 @@ import Layout, { LayoutHeader, LayoutContent, LayoutSider, LayoutFooter, } from
2933
```jsx
3034
import React from 'react';
3135
import ReactDOM from 'react-dom';
32-
import Layout from '@uiw/react-layout';
36+
import Layout, { LayoutHeader, LayoutContent, LayoutSider, LayoutFooter } from '@uiw/react-layout';
3337
const { Header, Footer, Sider, Content } = Layout;
3438

3539
const stylHeader = { color: '#fff' }
@@ -57,6 +61,15 @@ function Demo() {
5761
</Layout>
5862
<Footer>Footer</Footer>
5963
</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>
6073
</div>
6174
);
6275
}

0 commit comments

Comments
 (0)