Drawer
导航抽屉用于组织对应用程序的目标和其他功能的访问。
使用
<m-drawer
show
position="left">
<m-list
single-selection
css="ul{
width:200px;
height:100vh;
border: 1px solid rgba(0,0,0,.1);
background:#fff;
}"
items="...">
</m-list>
</m-drawer>
Omi 中使用
JSX:
<m-drawer
show={this.show}
position='left'
onClose={this.onClose}>
<m-list
singleSelection
css={`ul{
width:200px;
height:100vh;
border: 1px solid rgba(0,0,0,.1);
background:#fff;
}`}
items={this.items}
onItemClick={this.onItemClick}>
</m-list>
</m-drawer>
API
Props
{
position?: 'left' | 'right' | 'top' | 'bottom',
show?: boolean
}