mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
refactor(animations): inline css animations
This commit is contained in:
@@ -17,5 +17,24 @@
|
||||
|
||||
</ion-menu>
|
||||
|
||||
<ion-menu [content]="content" id="myMenuId2" type="overlay" side="right">
|
||||
|
||||
<ion-toolbar danger>
|
||||
<ion-title>Right Menu</ion-title>
|
||||
</ion-toolbar>
|
||||
|
||||
<ion-content>
|
||||
|
||||
<ion-list>
|
||||
|
||||
<button ion-item menuToggle="myMenuId2" detail-none>
|
||||
Close Right Menu
|
||||
</button>
|
||||
|
||||
</ion-list>
|
||||
</ion-content>
|
||||
|
||||
</ion-menu>
|
||||
|
||||
|
||||
<ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>
|
||||
|
||||
@@ -9,15 +9,21 @@
|
||||
Overlay Menu
|
||||
</ion-title>
|
||||
|
||||
<button menuToggle="myMenuId2" end>
|
||||
<ion-icon name="menu"></ion-icon>
|
||||
</button>
|
||||
|
||||
</ion-navbar>
|
||||
|
||||
|
||||
<ion-content #content padding>
|
||||
|
||||
<h3>Content</h3>
|
||||
<p>
|
||||
<button menuToggle="myMenuId">Toggle Left Overlay Menu</button>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<button menuToggle="myMenuId">Toggle Left Menu</button>
|
||||
<button menuToggle="myMenuId2">Toggle Right Overlay Menu</button>
|
||||
</p>
|
||||
|
||||
<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>
|
||||
|
||||
@@ -17,5 +17,24 @@
|
||||
|
||||
</ion-menu>
|
||||
|
||||
<ion-menu [content]="content" type="push" side="right">
|
||||
|
||||
<ion-toolbar danger>
|
||||
<ion-title>Right Menu</ion-title>
|
||||
</ion-toolbar>
|
||||
|
||||
<ion-content>
|
||||
|
||||
<ion-list>
|
||||
|
||||
<button ion-item menuToggle="right" detail-none>
|
||||
Close Right Menu
|
||||
</button>
|
||||
|
||||
</ion-list>
|
||||
</ion-content>
|
||||
|
||||
</ion-menu>
|
||||
|
||||
|
||||
<ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>
|
||||
|
||||
@@ -9,15 +9,21 @@
|
||||
Push Menu
|
||||
</ion-title>
|
||||
|
||||
<button menuToggle="right" end>
|
||||
<ion-icon name="menu"></ion-icon>
|
||||
</button>
|
||||
|
||||
</ion-navbar>
|
||||
|
||||
|
||||
<ion-content #content padding>
|
||||
|
||||
<h3>Content</h3>
|
||||
<p>
|
||||
<button menuToggle="left">Toggle Left Push Menu</button>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<button menuToggle="left">Toggle Left Menu</button>
|
||||
<button menuToggle="right">Toggle Right Push Menu</button>
|
||||
</p>
|
||||
|
||||
<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>
|
||||
|
||||
@@ -17,5 +17,23 @@
|
||||
|
||||
</ion-menu>
|
||||
|
||||
<ion-menu [content]="content" type="reveal" side="right">
|
||||
|
||||
<ion-toolbar danger>
|
||||
<ion-title>Right Menu</ion-title>
|
||||
</ion-toolbar>
|
||||
|
||||
<ion-content>
|
||||
|
||||
<ion-list>
|
||||
|
||||
<button ion-item menuToggle="right" detail-none>
|
||||
Close Right Menu
|
||||
</button>
|
||||
|
||||
</ion-list>
|
||||
</ion-content>
|
||||
|
||||
</ion-menu>
|
||||
|
||||
<ion-nav id="nav" [root]="rootView" #content swipe-back-enabled="false"></ion-nav>
|
||||
|
||||
@@ -9,15 +9,21 @@
|
||||
Reveal Menu
|
||||
</ion-title>
|
||||
|
||||
<button menuToggle="right" end>
|
||||
<ion-icon name="menu"></ion-icon>
|
||||
</button>
|
||||
|
||||
</ion-navbar>
|
||||
|
||||
|
||||
<ion-content #content padding>
|
||||
|
||||
<h3>Content</h3>
|
||||
<p>
|
||||
<button menuToggle>Toggle Left Reveal Menu</button>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<button menuToggle>Toggle Left Menu</button>
|
||||
<button menuToggle="right">Toggle Right Reveal Menu</button>
|
||||
</p>
|
||||
|
||||
<f></f><f></f><f></f><f></f><f></f><f></f><f></f><f></f>
|
||||
|
||||
Reference in New Issue
Block a user