mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
chore(build): rename ionic directory to src and update all references in the build process.
This commit is contained in:
31
src/components/icon/test/basic/index.ts
Normal file
31
src/components/icon/test/basic/index.ts
Normal file
@@ -0,0 +1,31 @@
|
||||
import {App} from '../../../../../ionic';
|
||||
|
||||
|
||||
@App({
|
||||
templateUrl: 'main.html'
|
||||
})
|
||||
class E2EApp {
|
||||
constructor() {
|
||||
this.homeIcon = 'home';
|
||||
this.isActive = false;
|
||||
|
||||
this.iconIndex = 0;
|
||||
this.icons = [
|
||||
'home',
|
||||
'star',
|
||||
'ios-alert',
|
||||
'ios-alert-outline',
|
||||
'md-alert',
|
||||
'logo-apple'
|
||||
];
|
||||
this.btnIcon = this.icons[0];
|
||||
}
|
||||
|
||||
updateIcon() {
|
||||
this.iconIndex++;
|
||||
if (this.iconIndex >= this.icons.length) {
|
||||
this.iconIndex = 0;
|
||||
}
|
||||
this.btnIcon = this.icons[this.iconIndex];
|
||||
}
|
||||
}
|
||||
95
src/components/icon/test/basic/main.html
Normal file
95
src/components/icon/test/basic/main.html
Normal file
@@ -0,0 +1,95 @@
|
||||
|
||||
<ion-toolbar>
|
||||
<ion-title>Icons</ion-title>
|
||||
</ion-toolbar>
|
||||
|
||||
<ion-content>
|
||||
|
||||
<ion-list>
|
||||
|
||||
<ion-item>
|
||||
<ion-icon name="home" item-left></ion-icon>
|
||||
<code>
|
||||
name="home"
|
||||
</code>
|
||||
</ion-item>
|
||||
|
||||
<ion-item>
|
||||
<ion-icon [name]="homeIcon" item-left></ion-icon>
|
||||
<code>
|
||||
[name]="homeIcon"
|
||||
</code>
|
||||
</ion-item>
|
||||
|
||||
<ion-item>
|
||||
<ion-icon name="home" isActive="true" item-left></ion-icon>
|
||||
<code>
|
||||
name="home" isActive="true"
|
||||
</code>
|
||||
</ion-item>
|
||||
|
||||
<ion-item>
|
||||
<ion-icon name="home" [isActive]="isActive" item-left></ion-icon>
|
||||
<code>
|
||||
name="home" [isActive]="isActive"
|
||||
</code>
|
||||
</ion-item>
|
||||
|
||||
<ion-item>
|
||||
<ion-icon name="ios-home" item-left></ion-icon>
|
||||
<code>
|
||||
name="ios-home"
|
||||
</code>
|
||||
</ion-item>
|
||||
|
||||
<ion-item>
|
||||
<ion-icon name="ios-home-outline" item-left></ion-icon>
|
||||
<code>
|
||||
name="ios-home-outline"
|
||||
</code>
|
||||
</ion-item>
|
||||
|
||||
<ion-item>
|
||||
<ion-icon name="md-home" item-left></ion-icon>
|
||||
<code>
|
||||
name="md-home"
|
||||
</code>
|
||||
</ion-item>
|
||||
|
||||
<ion-item>
|
||||
<ion-icon name="logo-twitter" item-left></ion-icon>
|
||||
<code>
|
||||
name="logo-twitter"
|
||||
</code>
|
||||
</ion-item>
|
||||
|
||||
<ion-item>
|
||||
<ion-icon ios="logo-apple" md="logo-android" item-left></ion-icon>
|
||||
<code>
|
||||
ios="logo-apple" md="logo-android"
|
||||
</code>
|
||||
</ion-item>
|
||||
|
||||
<ion-item detail-push>
|
||||
<code>
|
||||
ion-item w/ [detail-push] attr. text text text text text text
|
||||
</code>
|
||||
</ion-item>
|
||||
|
||||
</ion-list>
|
||||
|
||||
<p>
|
||||
<button (click)="updateIcon()">
|
||||
<ion-icon [name]="btnIcon"></ion-icon>
|
||||
Update icon
|
||||
</button>
|
||||
</p>
|
||||
|
||||
</ion-content>
|
||||
|
||||
<style>
|
||||
/*to ensure ng css encapsulation doesn't mess with icon attributes*/
|
||||
code {
|
||||
font-size: 0.8em;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user