mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 19:57:22 +08:00
Content demo
This commit is contained in:
17
ionic/components/content/test/basic/main.html
Normal file
17
ionic/components/content/test/basic/main.html
Normal file
@ -0,0 +1,17 @@
|
|||||||
|
|
||||||
|
<ion-view nav-title="Checkboxes">
|
||||||
|
|
||||||
|
<ion-content>
|
||||||
|
|
||||||
|
<f></f>
|
||||||
|
<f></f>
|
||||||
|
<f></f>
|
||||||
|
<f></f>
|
||||||
|
<f></f>
|
||||||
|
|
||||||
|
</ion-content>
|
||||||
|
|
||||||
|
</ion-view>
|
||||||
|
<style>
|
||||||
|
f { display: block; height: 400px; width: 100%; background-color: #387ef5; margin-bottom: 15px; }
|
||||||
|
</style>
|
19
ionic/components/content/test/basic/main.js
Normal file
19
ionic/components/content/test/basic/main.js
Normal file
@ -0,0 +1,19 @@
|
|||||||
|
import {Component, View as NgView, bootstrap} from 'angular2/angular2';
|
||||||
|
import {View} from 'ionic/components/view/view';
|
||||||
|
import {Content} from 'ionic/components/content/content';
|
||||||
|
import {Icon} from 'ionic/components/icon/icon';
|
||||||
|
import {Checkbox} from 'ionic/components/checkbox/checkbox';
|
||||||
|
import {List} from 'ionic/components/list/list';
|
||||||
|
|
||||||
|
@Component({ selector: '[ion-app]' })
|
||||||
|
@NgView({
|
||||||
|
templateUrl: 'main.html',
|
||||||
|
directives: [View, Content, Icon, Checkbox, List]
|
||||||
|
})
|
||||||
|
class IonicApp {
|
||||||
|
constructor() {
|
||||||
|
console.log('IonicApp Start')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
bootstrap(IonicApp)
|
Reference in New Issue
Block a user