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

A whole lotta shit

Browse Source
This commit is contained in:
Max Lynch
2013-10-21 10:44:35 -05:00
parent 073b30c818
commit aad3bb92b5
48 changed files with 25083 additions and 320 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
js/ext/angular/test/slideBox.html Normal file
View File

@ -0,0 +1,62 @@
<html ng-app="slideBoxTest">
<head>
<meta charset="utf-8">
<title>Sldie Box</title>
<!-- Sets initial viewport load and disables zooming -->
<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/css/ionic.css">
<script src="/vendor/angular/angular-1.2.0rc2.min.js"></script>
<script src="/vendor/angular/angular-touch.js"></script>
<script src="/vendor/angular/angular-animate.js"></script>
<style>
.box {
width: 100%;
height: 100%;
color: #fff;
}
.box h1 {
position: absolute;
top: 50%;
width: 100%;
margin-top: -80px;
color: #fff;
font-size: 160px;
text-align: center;
font-weight: bold;
}
.blue {
background-color: rgb(71, 138, 238);
}
.yellow {
background-color: rgb(233, 233, 109);
}
.pink {
background-color: rgb(233, 109, 233);
}
</style>
</head>
<body>
<slide-box>
<slide>
<div class="box blue"><h1>BLUE</h1></div>
</slide>
<slide>
<div class="box yellow"><h1>YELLOW</h1></div>
</slide>
<slide>
<div class="box pink"><h1>PINK</h1></div>
</slide>
</slide-box>
<script src="../../../../dist/js/ionic.js"></script>
<script src="../../../../dist/js/ionic-angular.js"></script>
<script>
angular.module('slideBoxTest', ['ionic.ui.slideBox'])
</script>
</body>
</html>