<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<link rel="stylesheet" type="text/css" href="js/af2.1/css/af.ui.min.css" />
<link rel="stylesheet" type="text/css" href="js/af2.1/css/icons.min.css" />
<script src="js/af2.1/appframework.js"></script>
<script src="js/af2.1/ui/appframework.ui.js"></script>
<script src="js/af2.1/af.plugins.min.js"></script>
</head>
<body>
<div id="afui" class="android">
<header id="headerMain" >
<a class="button backButton "></a>
<h1>First App build on AF</h1>
</header>
<div id="content">
<!--// inside content,all pages goes here -->
<div id="pageMain" class="panel upage" data-nav="leftMenu" data-aside="rightMenu" data-title="App Af" data-footer="footerMain">
</div>
<div id="pageSettings" class="panel upage" data-nav="leftMenu" data-aside="rightMenu" data-title="settings" data-footer="footerMain">
<p>settings</p>
</div>
</div>
<footer id="footerMain">
<a class="icon home" href="#pageMain"></a>
<a class="icon settings" href="#pageSettings"></a>
</footer>
<nav id="leftMenu">
<h1>Left Menu</h1>
</nav>
<aside id="rightMenu">
<h1>Right Menu</h1>
</aside>
</div>
<script>
$.ui.ready(function(){
$.ui.splitView=false;// this only affect before ui.lanuch called
$.ui.disableSplitView();
});
</script>
</body>
</html>
时间： 2024-12-28 20:27:24