javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

icon/button updates

Browse Source
This commit is contained in:
Adam Bradley
2015-07-24 08:53:25 -05:00
parent 65449552e7
commit 526f43cd96
4 changed files with 41 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
ionic/components/tabs/tabs.ts
View File

@@ -14,19 +14,18 @@ import {IonicComponent, IonicView} from '../../config/annotations';
}
})
@IonicView({
template: `
<nav class="tab-bar-container">
<div class="tab-bar" role="tablist">
<button *ng-for="#t of tabs" [tab]="t" class="tab-button" role="tab">
<icon [name]="t.tabIcon" class="tab-button-icon"></icon>
<span class="tab-button-text">{{t.tabTitle}}</span>
</button>
</div>
</nav>
<section class="content-container">
<content></content>
</section>
`,
template: '' +
'<nav class="tab-bar-container">' +
'<div class="tab-bar" role="tablist">' +
'<button *ng-for="#t of tabs" [tab]="t" class="tab-button" role="tab">' +
'<icon [name]="t.tabIcon" class="tab-button-icon"></icon>' +
'<span class="tab-button-text">{{t.tabTitle}}</span>' +
'</button>' +
'</div>' +
'</nav>' +
'<section class="content-container">' +
'<content></content>' +
'</section>',
directives: [forwardRef(() => TabButton)]
})
export class Tabs extends ViewController {
@@ -122,8 +121,8 @@ export class Tabs extends ViewController {
'[class.has-title]': 'hasTitle',
'[class.has-icon]': 'hasIcon',
'[class.has-title-only]': 'hasTitleOnly',
'[class.has-icon-only]': 'hasIconOnly',
'(^click)': 'onClick($event)'
'[class.icon-only]': 'hasIconOnly',
'(^click)': 'onClick($event)',
}
})
class TabButton {