javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-07 06:57:02 +08:00
Code Issues Packages Projects Releases Wiki Activity

Simple fade in animation with more toderp stuff

Browse Source
This commit is contained in:
Max Lynch
2013-10-04 10:31:18 -05:00
parent 1212945df8
commit 52d498a75f
7 changed files with 104 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
example/toderp2/css/app.css Normal file
View File

@ -0,0 +1,20 @@
.view {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ionic-logo {
position: absolute;
top: 50%;
left: 50%;
margin-top: -128px;
margin-left: -128px;
width: 256px;
}
#splash-view {
opacity: 1;
}
#splash-view .ionic-logo {
}

BIN
example/toderp2/img/ionic.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

12
example/toderp2/index.html
View File

@ -7,7 +7,7 @@
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="/vendor/font-awesome/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" href="../../dist/ionic.css">
<link rel="stylesheet" href="app.css">
<link rel="stylesheet" href="css/app.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0-rc.2/angular-mocks.js"></script>
@ -36,26 +36,26 @@
<!-- Splash -->
<script id="splash.html" type="text/ng-template">
<div class="view" nav-content>
<h1>Toderp</h1>
<div id="splash-view" class="view fade-in" nav-content>
<img src="img/ionic.png" class="ionic-logo">
</div>
</script>
<!-- Login -->
<script id="login.html" type="text/ng-template">
<div class="view" nav-content ng-controller="LoginCtrl">
<div id="login-view" class="view" nav-content ng-controller="LoginCtrl">
<h1>Login</h1>
</div>
</script>
<!-- Signup -->
<script id="signup.html" type="text/ng-template">
<div class="view" nav-content ng-controller="SignupCtrl"></div>
<div id="signup-view" class="view" nav-content ng-controller="SignupCtrl"></div>
</script>
<!-- Tasks -->
<script id="tasks.html" type="text/ng-template">
<side-menu-ctrl nav-content class="view" ng-controller="TasksCtrl">
<side-menu-ctrl id="tasks-view" nav-content class="view" ng-controller="TasksCtrl">
<div class="full-section" side-menu-content>
<header class="bar bar-header bar-dark">
<a href="#" class="button"><i class="icon-reorder"></i></a>

6
example/toderp2/js/controllers.js
View File

@ -5,9 +5,9 @@ angular.module('ionic.todo.controllers', ['ionic.todo', 'firebase'])
$scope.candy = 'yes';
$scope.navController.pushFromTemplate('splash.html');
$scope.navController.pushFromTemplate('login.html');
$scope.navController.pushFromTemplate('signup.html');
$scope.navController.pushFromTemplate('tasks.html');
//$scope.navController.pushFromTemplate('login.html');
//$scope.navController.pushFromTemplate('signup.html');
//$scope.navController.pushFromTemplate('tasks.html');
console.log($scope);
$rootScope.$on('angularFireAuth:login', function(evt, user) {