ionc学习--07

一、ion-menu组件

1.创建项目
ionic start myApp sidemenu
2.配置项目

属性	作用	可选值
side	配置侧边栏的位置	start end
menuId	侧边栏的唯一标识
type	配置侧边栏的弹出方式	overlay,reveal,push
swipe-gesture	滑动弹出侧边栏	true,false

二、ion-menu-toggle

点击的时候侧边栏消失

  <ion-content>
    <ion-list>
      <ion-menu-toggle>
      <ion-item>a</ion-item>
      </ion-menu-toggle>
      <ion-item>b</ion-item>
      <ion-item>c</ion-item>
      <ion-item>d</ion-item>
    </ion-list>
  </ion-content>

三、ion-menu-button

  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>{{ folder }}</ion-title>

    <ion-buttons slot="end">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
  </ion-toolbar>