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

Slight yerk ypdate

Browse Source
This commit is contained in:
Max Lynch
2015-06-23 18:52:11 -05:00
parent b68034bd2d
commit badf34cb19
2 changed files with 53 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
ionic/components/app/test/yerk/index.js
View File

@ -7,7 +7,56 @@ import {IonicView} from 'ionic/ionic';
@IonicView({
templateUrl: 'main.html'
})
class IonicApp {}
class IonicApp {
constructor() {
this.root = TabsPage;
}
}
@Component({selector: 'ion-view'})
@IonicView({
template: '' +
'<ion-navbar *navbar>' +
'<ion-title>Home</ion-title>' +
'</ion-navbar>' +
'<ion-content class="padding">' +
'</ion-content>'
})
class HomeTabPage {
constructor(nav: NavController) {
this.nav = nav;
console.log('Initi');
}
push() {
}
}
@Component({selector: 'ion-view'})
@IonicView({
template: `<ion-tabs id="tabs">
<ion-tab tab-title="Home" tab-icon="ion-earth"></ion-tab>
<ion-tab tab-title="Peek" tab-icon="ion-ios-glasses">
<ion-content class="padding">
</ion-content>
</ion-tab>
<ion-tab tab-title="Me" tab-icon="ion-ios-person">
<ion-content class="padding">
</ion-content>
</ion-tab>
<ion-tab tab-title="More" tab-icon="ion-ios-more">
<ion-content class="padding">
</ion-content>
</ion-tab>
</ion-tabs>
`
})
class TabsPage {
constructor() {
this.firstTabPage = HomeTabPage;
}
}
export function main(ionicBootstrap) {
ionicBootstrap(IonicApp);

30
ionic/components/app/test/yerk/main.html
View File

@ -1,31 +1,9 @@
<ion-tabs id="tabs">
<ion-tab tab-title="Home" tab-icon="ion-earth">
<ion-content class="padding">
</ion-content>
</ion-tab>
<ion-tab tab-title="Peek" tab-icon="ion-ios-glasses">
<ion-content class="padding">
</ion-content>
</ion-tab>
<ion-tab tab-title="Me" tab-icon="ion-ios-person">
<ion-content class="padding">
</ion-content>
</ion-tab>
<ion-tab tab-title="More" tab-icon="ion-ios-more">
<ion-content class="padding">
</ion-content>
</ion-tab>
</ion-tabs>
<ion-nav [root]="root"></ion-nav>
<style>
#toolbar {
background-color: #00E2BE;
ion-nav {
background-color: #00E2BE !important;
}
#tabs .tab-bar {
background-color: #FEFEFE;
}
@ -42,9 +20,7 @@
transform-origin: 50% 0%;
background-color: #00ECC4;
content: '';
}
#tabs .tab-button {
color: #C7C7C7;
}