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