mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-26 16:21:55 +08:00
test(): right side only menu icon
This commit is contained in:
@ -22,5 +22,29 @@
|
||||
</ion-menu>
|
||||
|
||||
|
||||
<ion-menu [content]="content" id="rightMenu" side="right">
|
||||
|
||||
<ion-toolbar danger>
|
||||
<ion-title>Right Menu</ion-title>
|
||||
</ion-toolbar>
|
||||
|
||||
<ion-content>
|
||||
|
||||
<ion-list>
|
||||
|
||||
<button ion-item *ng-for="#p of pages" (click)="openPage(p)">
|
||||
{{p.title}}
|
||||
</button>
|
||||
|
||||
<button ion-item menu-close="rightMenu" detail-none>
|
||||
Close Menu
|
||||
</button>
|
||||
|
||||
</ion-list>
|
||||
</ion-content>
|
||||
|
||||
</ion-menu>
|
||||
|
||||
|
||||
|
||||
<ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>
|
||||
|
@ -1,14 +1,14 @@
|
||||
|
||||
<ion-navbar *navbar>
|
||||
|
||||
<a menu-toggle="leftMenu">
|
||||
<icon menu></icon>
|
||||
</a>
|
||||
|
||||
<ion-title>
|
||||
Menu
|
||||
</ion-title>
|
||||
|
||||
<a menu-toggle="rightMenu" secondary>
|
||||
<icon menu></icon>
|
||||
</a>
|
||||
|
||||
</ion-navbar>
|
||||
|
||||
|
||||
@ -17,7 +17,7 @@
|
||||
<h3>Page 3</h3>
|
||||
|
||||
<p>
|
||||
<button menu-toggle="leftMenu">Toggle Left Menu</button>
|
||||
<button menu-toggle="rightMenu">Toggle Right Menu</button>
|
||||
</p>
|
||||
|
||||
<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>
|
||||
|
@ -59,6 +59,7 @@ tab-highlight {
|
||||
left: 0;
|
||||
background: $tab-button-active-color;
|
||||
transform-origin: 0 0;
|
||||
transform: translateZ(0);
|
||||
|
||||
&.animate {
|
||||
transition-duration: 300ms;
|
||||
|
Reference in New Issue
Block a user