javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 05:21:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(icons): rename social- to -logo

Browse Source 
Closes #879 #612 #862 #864
This commit is contained in:
Adam Bradley
2016-01-06 20:36:12 -06:00
parent e8e0f83539
commit c2f67d12a3
6 changed files with 157 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
ionic/components/icon/test/basic/index.ts
View File

@ -8,10 +8,24 @@ class E2EApp {
constructor() {
this.homeIcon = 'home';
this.isActive = false;
this.btnIcon = 'home';
this.iconIndex = 0;
this.icons = [
'home',
'star',
'ios-alert',
'ios-alert-outline',
'md-alert',
'apple-logo'
];
this.btnIcon = this.icons[0];
}
updateIcon() {
this.btnIcon = (this.btnIcon === 'home' ? 'star' : 'home');
this.iconIndex++;
if (this.iconIndex >= this.icons.length) {
this.iconIndex = 0;
}
this.btnIcon = this.icons[this.iconIndex];
}
}

38
ionic/components/icon/test/basic/main.html
View File

@ -10,49 +10,63 @@
<ion-item>
<ion-icon name="home" item-left></ion-icon>
<code>
&lt;ion-icon name="home">&lt;/ion-icon>
name="home"
</code>
</ion-item>
<ion-item>
<ion-icon [name]="homeIcon" item-left></ion-icon>
<code>
&lt;ion-icon [name]="homeIcon">&lt;/ion-icon>
[name]="homeIcon"
</code>
</ion-item>
<ion-item>
<ion-icon name="ion-social-twitter" item-left></ion-icon>
<ion-icon name="home" isActive="true" item-left></ion-icon>
<code>
&lt;ion-icon name="ion-social-twitter">&lt;/ion-icon>
name="home" isActive="true"
</code>
</ion-item>
<ion-item>
<ion-icon ios="ion-social-apple" md="ion-social-android" item-left></ion-icon>
<ion-icon name="home" [isActive]="isActive" item-left></ion-icon>
<code>
&lt;ion-icon ios="ion-social-apple" md="ion-social-android">&lt;/ion-icon>
name="home" [isActive]="isActive"
</code>
</ion-item>
<ion-item>
<ion-icon [isActive]="isActive" ios="ion-social-apple" md="ion-social-android" item-left></ion-icon>
<ion-icon name="ios-home" item-left></ion-icon>
<code>
&lt;ion-icon [isActive]="isActive" ios="ion-social-apple" md="ion-social-android">&lt;/ion-icon>
name="ios-home"
</code>
</ion-item>
<ion-item>
<ion-icon ios="ion-social-apple" item-left></ion-icon>
<ion-icon name="ios-home-outline" item-left></ion-icon>
<code>
&lt;ion-icon ios="ion-social-apple">&lt;/ion-icon>
name="ios-home-outline"
</code>
</ion-item>
<ion-item>
<ion-icon md="ion-social-android" item-left></ion-icon>
<ion-icon name="md-home" item-left></ion-icon>
<code>
&lt;ion-icon md="ion-social-android">&lt;/ion-icon>
name="md-home"
</code>
</ion-item>
<ion-item>
<ion-icon name="twitter-logo" item-left></ion-icon>
<code>
name="twitter-logo"
</code>
</ion-item>
<ion-item>
<ion-icon ios="apple-logo" md="android-logo" item-left></ion-icon>
<code>
ios="apple-logo" md="android-logo"
</code>
</ion-item>