mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
item/list init
This commit is contained in:
@@ -0,0 +1,23 @@
|
||||
import {NgElement, Component, Template} from 'angular2/angular2'
|
||||
|
||||
@Component({
|
||||
selector: 'ion-item'
|
||||
})
|
||||
@Template({
|
||||
inline: `<div class="item-content">
|
||||
<div class="item-media">
|
||||
Icon
|
||||
</div>
|
||||
<div class="item-title">
|
||||
Item Title
|
||||
</div>
|
||||
<div class="item-accessory">
|
||||
Right
|
||||
</div>
|
||||
</div>`
|
||||
})
|
||||
export class Item {
|
||||
constructor(@NgElement() ele:NgElement) {
|
||||
ele.domElement.classList.add('item')
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,22 @@
|
||||
import {NgElement, Component, Template} from 'angular2/angular2'
|
||||
|
||||
@Component({
|
||||
selector: 'ion-list'
|
||||
})
|
||||
@Template({
|
||||
inline: `
|
||||
<header class="list-header">
|
||||
<content select="ion-list-header"></content>
|
||||
</header>
|
||||
<div class="list-content">
|
||||
<content></content>
|
||||
</div>`
|
||||
<footer class="list-footer">
|
||||
<content select="ion-list-footer"></content>
|
||||
</footer>`
|
||||
})
|
||||
export class List {
|
||||
constructor(@NgElement() ele:NgElement) {
|
||||
ele.domElement.classList.add('list')
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user