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

merge

Browse Source
This commit is contained in:
Adam Bradley
2013-11-11 22:37:51 -06:00
parent cff2f307fb 0fecad1a50
commit 0f4482a2f0
22 changed files with 743 additions and 302 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
test/lists.html
View File

@ -21,7 +21,7 @@
</header>
<div id="list">
<main id="content" class="scroll">
<main id="content" class="content overflow-scroll">
<div class="list">
@ -500,6 +500,8 @@
return false;
});
</script>
</body>

57
test/side-menus.html Normal file
View File

@ -0,0 +1,57 @@
<html>
<head>
<meta charset="utf-8">
<title>Side Menus</title>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link href="../dist/css/ionic.css" rel="stylesheet">
</head>
<body>
<div id="content" class="pane">
<header class="bar bar-header bar-dark">
<h1 class="title">Center</h1>
</header>
</div>
<div id="menu-left" class="menu menu-left">
<header class="bar bar-header bar-dark">
<h1 class="title">Left</h1>
</header>
</div>
<div id="menu-right" class="menu menu-right">
<header class="bar bar-header bar-dark">
<h1 class="title">Right</h1>
</header>
</div>
<script src="../dist/js/ionic.js"></script>
<script>
var contentEl = document.getElementById('content');
var content = new ionic.views.SideMenuContent({
el: contentEl
});
var leftMenuEl = document.getElementById('menu-left');
var leftMenu = new ionic.views.SideMenu({
el: leftMenuEl,
width: 270
});
var rightMenuEl = document.getElementById('menu-right');
var rightMenu = new ionic.views.SideMenu({
el: rightMenuEl,
width: 270
});
var sm = new ionic.controllers.SideMenuController({
content: content,
left: leftMenu,
right: rightMenu
});
</script>
</body>
</html>