mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 20:33:32 +08:00
aside: work with new config
This commit is contained in:
@ -57,15 +57,6 @@ export class Aside {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@Component({
|
|
||||||
selector: 'ion-aside',
|
|
||||||
bind: {
|
|
||||||
content: 'content',
|
|
||||||
side: 'side',
|
|
||||||
dragThreshold: 'dragThreshold'
|
|
||||||
}
|
|
||||||
})
|
|
||||||
|
|
||||||
new IonicComponent(Aside, {
|
new IonicComponent(Aside, {
|
||||||
bind: {
|
bind: {
|
||||||
side: {
|
side: {
|
||||||
@ -96,4 +87,3 @@ new IonicComponent(Aside, {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
@ -1,21 +1,19 @@
|
|||||||
<ion-view>
|
<ion-view>
|
||||||
<ion-aside side="left" [content]="content" type="overlay" style="text-align:center;">
|
<ion-aside [content]="content" style="text-align:center;">
|
||||||
Overlay!
|
Left!
|
||||||
<p>...</p>
|
<p>...</p>
|
||||||
<p>...</p>
|
<p>...</p>
|
||||||
<p>...</p>
|
<p>...</p>
|
||||||
This is android-ey.
|
|
||||||
</ion-aside>
|
</ion-aside>
|
||||||
|
|
||||||
<ion-content #content>
|
<ion-content #content>
|
||||||
HELLO, content!
|
HELLO, content!
|
||||||
</ion-content>
|
</ion-content>
|
||||||
|
|
||||||
<ion-aside side="right" [content]="content" type="reveal" style="text-align:center;">
|
<ion-aside side="right" [content]="content" style="text-align:center;">
|
||||||
Reveal!
|
Right!
|
||||||
<p>...</p>
|
<p>...</p>
|
||||||
<p>...</p>
|
<p>...</p>
|
||||||
<p>...</p>
|
<p>...</p>
|
||||||
This is iOS-ey.
|
|
||||||
</ion-aside>
|
</ion-aside>
|
||||||
</ion-view>
|
</ion-view>
|
||||||
|
Reference in New Issue
Block a user