mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
144 lines
3.0 KiB
HTML
144 lines
3.0 KiB
HTML
<ion-menu [content]="content" side="left" persistent="true" (ionDrag)="onDrag($event)" (ionOpen)="onOpen($event)" (ionClose)="onClose($event)">
|
|
|
|
<ion-toolbar secondary>
|
|
<ion-title>Left Menu</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content>
|
|
|
|
<ion-list>
|
|
|
|
<button ion-item *ngFor="let p of pages" (click)="openPage(p)">
|
|
{{p.title}}
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" class="e2eCloseLeftMenu" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="left" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
</ion-list>
|
|
</ion-content>
|
|
|
|
</ion-menu>
|
|
|
|
|
|
<ion-menu [content]="content" side="right">
|
|
|
|
<ion-toolbar danger>
|
|
<ion-title>Right Menu</ion-title>
|
|
</ion-toolbar>
|
|
|
|
<ion-content>
|
|
|
|
<ion-list>
|
|
|
|
<button ion-item *ngFor="let p of pages" (click)="openPage(p)">
|
|
{{p.title}}
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" class="e2eCloseRightMenu" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
<button ion-item menuClose="right" detail-none>
|
|
Close Menu
|
|
</button>
|
|
|
|
</ion-list>
|
|
|
|
</ion-content>
|
|
|
|
</ion-menu>
|
|
|
|
<ion-nav [root]="rootPage" #content></ion-nav>
|
|
|
|
<div [hidden]="isChangeDetecting()"></div>
|