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>

在这里插入图片描述

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页