Browse Source

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

pull/4073/head
Benjy Cui 8 years ago
parent
commit
e0e700cddd
  1. 15
      docs/spec/layout/demo/aside-collapse.md

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

@ -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}>

Loading…
Cancel
Save