ant-design/components/layout/demo/basic.md
2017-01-19 15:22:53 +08:00

1.6 KiB

order title
0
zh-CN en-US
基本结构 Basic Structure

zh-CN

典型的页面布局。

en-US

Classic page layouts.

import { Layout } from 'antd';
const { Header, Footer, Sider, Content } = Layout;

ReactDOM.render(
<div>
  <Layout>
    <Header>Header</Header>
    <Content>Content</Content>
    <Footer>Footer</Footer>
  </Layout>

  <Layout>
    <Header>Header</Header>
    <Layout>
      <Sider>Sider</Sider>
      <Content>Content</Content>
    </Layout>
    <Footer>Footer</Footer>
  </Layout>

  <Layout>
    <Header>Header</Header>
    <Layout>
      <Content>Content</Content>
      <Sider>Sider</Sider>
    </Layout>
    <Footer>Footer</Footer>
  </Layout>

  <Layout>
    <Sider>Sider</Sider>
    <Content>
      <Header>Header</Header>
      <Content>Content</Content>
      <Footer>Footer</Footer>
    </Content>
  </Layout>
</div>
, mountNode);