mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 13:32:54 +08:00
docs(): update icon demo docs
This commit is contained in:
@ -7,24 +7,24 @@
|
||||
<ion-list>
|
||||
|
||||
<button ion-item (click)="openNavDetailsPage('Angular')">
|
||||
<ion-icon name='ion-social-angular' item-left></ion-icon>
|
||||
<ion-icon name='angular-logo' item-left></ion-icon>
|
||||
Angular
|
||||
</button>
|
||||
|
||||
<button ion-item (click)="openNavDetailsPage('CSS3')">
|
||||
<ion-icon name='ion-social-css3' item-left></ion-icon>
|
||||
<ion-icon name='css3-logo' item-left></ion-icon>
|
||||
CSS3
|
||||
</button>
|
||||
|
||||
<button ion-item (click)="openNavDetailsPage('HTML5')">
|
||||
<ion-icon name='ion-social-html5' item-left></ion-icon>
|
||||
<ion-icon name='html5-logo' item-left></ion-icon>
|
||||
HTML5
|
||||
</button>
|
||||
|
||||
<button ion-item (click)="openNavDetailsPage('Sass')">
|
||||
<ion-icon name='ion-social-sass' item-left></ion-icon>
|
||||
<ion-icon name='sass-logo' item-left></ion-icon>
|
||||
Sass
|
||||
</button>
|
||||
|
||||
</ion-list>
|
||||
</ion-content>
|
||||
</ion-content>
|
||||
|
@ -18,10 +18,10 @@ class NavigationDetailsPage {
|
||||
'Sass': "Syntactically Awesome Stylesheets - a mature, stable, and powerful professional grade CSS extension."
|
||||
};
|
||||
var navIcons = {
|
||||
'Angular': 'ion-social-angular',
|
||||
'CSS3': 'ion-social-css3',
|
||||
'HTML5': 'ion-social-html5',
|
||||
'Sass': 'ion-social-sass'
|
||||
'Angular': 'angular-logo',
|
||||
'CSS3': 'css3-logo',
|
||||
'HTML5': 'html5-logo',
|
||||
'Sass': 'sass-logo'
|
||||
};
|
||||
this.selection['content'] = navData[this.selection.title];
|
||||
this.selection['icon'] = navIcons[this.selection.title];
|
||||
|
Reference in New Issue
Block a user