test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-01 03:29:39 +08:00
Code Issues Actions 69 Packages Projects Releases Wiki Activity

docs: improve detail of demo for layout, close: #4066

Browse Source
This commit is contained in:
Benjy Cui 2016-11-30 10:54:42 +08:00
parent a307a7acf7
commit e0e700cddd
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
docs/spec/layout/demo/aside-collapse.md
View File

@ -29,19 +29,24 @@ const AsideCollapse = React.createClass({
<div className="ant-layout-logo"></div>
<Menu mode="inline" theme="dark" defaultSelectedKeys={['user']}>
<Menu.Item key="user">
<Icon type="user" /><span className="nav-text">导航一</span>
<Icon type="user" />
{!collapse && <span className="nav-text">导航一</span>}
</Menu.Item>
<Menu.Item key="setting">
<Icon type="setting" /><span className="nav-text">导航二</span>
<Icon type="setting" />
{!collapse && <span className="nav-text">导航二</span>}
</Menu.Item>
<Menu.Item key="laptop">
<Icon type="laptop" /><span className="nav-text">导航三</span>
<Icon type="laptop" />
{!collapse && <span className="nav-text">导航三</span>}
</Menu.Item>
<Menu.Item key="notification">
<Icon type="notification" /><span className="nav-text">导航四</span>
<Icon type="notification" />
{!collapse && <span className="nav-text">导航四</span>}
</Menu.Item>
<Menu.Item key="folder">
<Icon type="folder" /><span className="nav-text">导航五</span>
<Icon type="folder" />
{!collapse && <span className="nav-text">导航五</span>}
</Menu.Item>
</Menu>
<div className="ant-aside-action" onClick={this.onCollapseChange}>