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

Yerk Yakr

Browse Source
This commit is contained in:
Max Lynch
2015-06-08 22:16:14 -05:00
parent 7dd1b474dd
commit 8d467734c6
6 changed files with 86 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ionic/components/app/test/snapcat/main.html
View File

@@ -3,9 +3,9 @@
<ion-view>
<ion-toolbar id="p1toolbar">
<div class="toolbar-inner">
<ion-title>secret</ion-title>
</div>
<button class="toolbar-primary-item" primary><i class="icon ion-ios-heart"></i></button>
<ion-title>secret</ion-title>
<button class="toolbar-secondary-item" primary><i class="icon ion-ios-gear"></i></button>
</ion-toolbar>
<ion-content>
@@ -144,6 +144,10 @@
ion-toolbar {
letter-spacing: 1px;
}
.platform-ios ion-toolbar .button i {
color: #fff !important;
font-size: 24px !important;
}
.platform-ios .item:first-of-type:before,
.platform-ios .item:last-of-type:after,
.platform-ios .item-content:after {

BIN
ionic/components/app/test/snapcat/p.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 KiB

23
ionic/components/app/test/yerk/index.js Normal file
View File

@@ -0,0 +1,23 @@
import {bootstrap} from 'angular2/angular2'
import {Component, Directive} from 'angular2/src/core/annotations_impl/annotations';
import {View} from 'angular2/src/core/annotations_impl/view';
import {Tabs, Tab, Content} from 'ionic/ionic'
import {Engine} from 'ionic/engine/engine'
import * as util from 'ionic/util'
@Component({ selector: 'ion-app' })
@View({
templateUrl: 'main.html',
directives: [Tabs, Tab, Content]
})
class IonicApp {
constructor() {
console.log('IonicApp Start');
}
}
export function main() {
bootstrap(IonicApp);
}

54
ionic/components/app/test/yerk/main.html Normal file
View File

@@ -0,0 +1,54 @@
<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>
<style>
#toolbar {
background-color: #00E2BE;
}
#tabs .tab-bar {
background-color: #FEFEFE;
}
#tabs .tab-bar:before {
position: absolute;
top: 0;
right: auto;
bottom: auto;
left: 0;
z-index: $z-index;
display: block;
width: 100%;
height: 1px;
transform-origin: 50% 0%;
background-color: #00ECC4;
content: '';
}
#tabs .tab-button {
color: #C7C7C7;
}
#tabs .tab-button[aria-selected="true"] {
color: #00ECC4;
}
</style>

1
scripts/e2e/bundle.template.html
View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link href="/css/ionic.css" rel="stylesheet">
</head>
<body>

1
scripts/e2e/ionic.template.html
View File

@@ -3,6 +3,7 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link href="/../../../../dist/css/ionic.css" rel="stylesheet">
<!--
<script src="/../../../node_modules/angular2/node_modules/zone.js/dist/zone.js"></script>