mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 20:33:32 +08:00
toolbarz
This commit is contained in:
36
src/components/toolbar/toolbar.js
Normal file
36
src/components/toolbar/toolbar.js
Normal file
@ -0,0 +1,36 @@
|
||||
import {NgElement, Component, Template} from 'angular2/angular2'
|
||||
import {Ion} from '../ion'
|
||||
|
||||
@Component({
|
||||
selector: 'ion-toolbar'
|
||||
})
|
||||
@Template({
|
||||
inline: `
|
||||
<div class="bar bar-android">
|
||||
<div class="bar-items">
|
||||
<div class="back-button">
|
||||
<div class="back-button-icon"><</div>
|
||||
<div class="back-button-text">
|
||||
<div class="back-default">Back</div>
|
||||
<div class="back-title"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="title">
|
||||
<div class="inner-title">
|
||||
{{ title }}
|
||||
</div>
|
||||
</div>
|
||||
<div class="bar-primary-item" style="background:red">
|
||||
PRIMARY
|
||||
</div>
|
||||
<div class="spacer"></div>
|
||||
<div class="bar-secondary-item" style="background:green">
|
||||
SECONDARY
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
})
|
||||
export class ToolBar {
|
||||
constructor() {
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user