mobilebone
Version:
Bone main for mobile web APP with a sigle page mode by using HTML5 history API router.
43 lines (38 loc) • 1.28 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>ES6 import模块化加载</title>
<link rel="stylesheet" href="../../src/mobilebone.css">
<link rel="stylesheet" href="../test.css">
</head>
<body>
<div id="pageHome" class="page out">
<ul>
<li><a href="#page1">页面1</a></li>
<li><a href="#page2">页面2</a></li>
<li><a href="#page3">页面3</a></li>
</ul>
<ul>
<li><a href="./index.html" data-ajax="false">seajs加载测试</a></li>
<li><a href="./require.html" data-ajax="false">requirejs加载测试</a></li>
</ul>
<ul>
<li><a href="../index.html" data-ajax="false">« 返回测试引导首页</a></li>
</ul>
</div>
<div id="page1" class="page out"></div>
<div id="page2" class="page out"></div>
<div id="page3" class="page out"></div>
<script type="module">
import Mobilebone from '../../dist/mobilebone.esm.js'
Mobilebone.onpagefirstinto = function (elePageIn) {
if (elePageIn.innerHTML === '') {
elePageIn.innerHTML = `<p><input type="button" value="点击我${elePageIn.id.replace(/\D/g, '')}" onclick="history.go(-1)"></p>`;
}
};
Mobilebone.init();
</script>
</body>
</html>