Drawer

导航抽屉用于组织对应用程序的目标和其他功能的访问。

使用

  1.  <m-drawer
  2.   show
  3.   position="left">
  4.   <m-list
  5.     single-selection
  6.     css="ul{
  7.       width:200px;
  8.       height:100vh;
  9.       border: 1px solid rgba(0,0,0,.1);
  10.       background:#fff;
  11.     }"
  12.     items="...">
  13.   </m-list>
  14. </m-drawer>

Omi 中使用

JSX:

  1. <m-drawer
  2.   show={this.show}
  3.   position='left'
  4.   onClose={this.onClose}>
  5.   <m-list
  6.     singleSelection
  7.     css={`ul{
  8.       width:200px;
  9.       height:100vh;
  10.       border: 1px solid rgba(0,0,0,.1);
  11.       background:#fff;
  12.     }`}
  13.     items={this.items}
  14.     onItemClick={this.onItemClick}>
  15.   </m-list>
  16. </m-drawer>

API

Props

  1. {
  2.   position?: 'left' | 'right' | 'top' | 'bottom',
  3.   show?: boolean
  4. }