Ionic4.x UI components (UI Components) sidebar ion-menu, and a bottom assembly tabs binding ion-menu sidebar

1 , sidebar ion-menu basic components used

 

1 , create a project

 

ionic start myApp sidemenu

 

2 , configuration items

 

Attributes	effect	Optional value
side	Configuring the sidebar position	start end
menuId	Uniquely identifies the sidebar
type	Configure pop-up manner sidebar	overlay, reveal, push
swipe-gesture	Sliding pop-up sidebar	true false

 

 

<ion-menu side="start" menuId="first"> <ion-header>
<ion-toolbar color="primary"> <ion-title>Start Menu</ion-title>
</ion-toolbar> </ion-header> <ion-content>
<ion-list>
<ion-menu-toggle auto-hide="false">
<ion-item [routerDirection]="'root'" [routerLink]="['/button']"> 这是一个列表</ion-item> </ion-menu-toggle>
<ion-menu-toggle auto-hide="false">
<ion-item [routerDirection]="'root'" [routerLink]="['/button']"> 这是一个列表</ion-item> </ion-menu-toggle>
</ion-list> </ion-content>
</ion-menu>
<ion-router-outlet main></ion-router-outlet>

 

---