javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 11:17:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(all): custom icons

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-05-17 21:07:05 +02:00
parent fc078af3b4
commit e6638e7922
5 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
core/src/components/action-sheet/action-sheet.tsx
View File

@ -242,7 +242,7 @@ export class ActionSheet implements OverlayInterface {
<button class={buttonClass(b)} onClick={() => this.buttonClick(b)}> <button class={buttonClass(b)} onClick={() => this.buttonClick(b)}>
<span class="action-sheet-button-inner"> <span class="action-sheet-button-inner">
{b.icon {b.icon
? <ion-icon name={b.icon} class="action-sheet-icon" /> ? <ion-icon icon={b.icon} class="action-sheet-icon" />
: null} : null}
{b.text} {b.text}
</span> </span>
@ -258,7 +258,7 @@ export class ActionSheet implements OverlayInterface {
<span class="action-sheet-button-inner"> <span class="action-sheet-button-inner">
{cancelButton.icon {cancelButton.icon
? <ion-icon ? <ion-icon
name={cancelButton.icon} icon={cancelButton.icon}
class="action-sheet-icon" class="action-sheet-icon"
/> />
: null} : null}

2
core/src/components/back-button/back-button.tsx
View File

@ -82,7 +82,7 @@ export class BackButton {
class={backButtonClasses} class={backButtonClasses}
onClick={(ev) => this.onClick(ev)}> onClick={(ev) => this.onClick(ev)}>
<span class="back-button-inner"> <span class="back-button-inner">
{ backButtonIcon && <ion-icon name={backButtonIcon}/> } { backButtonIcon && <ion-icon icon={backButtonIcon}/> }
{ this.mode === 'ios' && backButtonText && <span class="button-text">{backButtonText}</span> } { this.mode === 'ios' && backButtonText && <span class="button-text">{backButtonText}</span> }
{ this.mode === 'md' && <ion-ripple-effect tapClick={true}/> } { this.mode === 'md' && <ion-ripple-effect tapClick={true}/> }
</span> </span>

2
core/src/components/menu-button/menu-button.tsx
View File

@ -31,7 +31,7 @@ export class MenuButton {
<ion-menu-toggle menu={this.menu} autoHide={this.autoHide}> <ion-menu-toggle menu={this.menu} autoHide={this.autoHide}>
<ion-button> <ion-button>
<slot> <slot>
<ion-icon slot="icon-only" name={menuIcon}/> <ion-icon icon={menuIcon} slot="icon-only" />
</slot> </slot>
</ion-button> </ion-button>
</ion-menu-toggle> </ion-menu-toggle>

2
core/src/components/refresher-content/refresher-content.tsx
View File

@ -43,7 +43,7 @@ export class RefresherContent {
<div class="refresher-pulling"> <div class="refresher-pulling">
{this.pullingIcon && {this.pullingIcon &&
<div class="refresher-pulling-icon"> <div class="refresher-pulling-icon">
<ion-icon name={this.pullingIcon}></ion-icon> <ion-icon icon={this.pullingIcon}></ion-icon>
</div> </div>
} }
{this.pullingText && {this.pullingText &&

2
core/src/components/tab-button/tab-button.tsx
View File

@ -85,7 +85,7 @@ export class TabButton {
class="tab-cover" class="tab-cover"
onKeyUp={this.onKeyUp.bind(this)} onKeyUp={this.onKeyUp.bind(this)}
onBlur={this.onBlur.bind(this)}> onBlur={this.onBlur.bind(this)}>
{ tab.icon && <ion-icon class="tab-button-icon" name={tab.icon}></ion-icon> } { tab.icon && <ion-icon class="tab-button-icon" icon={tab.icon}></ion-icon> }
{ tab.label && <span class="tab-button-text">{tab.label}</span> } { tab.label && <span class="tab-button-text">{tab.label}</span> }
{ tab.badge && <ion-badge class="tab-badge" color={tab.badgeColor}>{tab.badge}</ion-badge> } { tab.badge && <ion-badge class="tab-badge" color={tab.badgeColor}>{tab.badge}</ion-badge> }
{ this.mode === 'md' && <ion-ripple-effect tapClick={true}/> } { this.mode === 'md' && <ion-ripple-effect tapClick={true}/> }