<!DOCTYPE html>
|
<html>
|
<head>
|
<meta charset="utf-8">
|
<title></title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<link href="./css/mui.min.css" rel="stylesheet" />
|
</head>
|
<body>
|
<nav class="mui-bar mui-bar-tab">
|
<a class="mui-tab-item mui-active" href="home.html">
|
<span class="mui-icon mui-icon-home"></span>
|
<span class="mui-tab-label">首页</span>
|
</a>
|
<a class="mui-tab-item" href="inout-real-time-main.html">
|
<span class="mui-icon mui-icon-email"></span>
|
<span class="mui-tab-label">实时出入库</span>
|
</a>
|
<a class="mui-tab-item" href="setting.html">
|
<span class="mui-icon mui-icon-gear"></span>
|
<span class="mui-tab-label">设置</span>
|
</a>
|
</nav>
|
<script src="./js/mui.js"></script>
|
<script src="./js/jquery.min.js"></script>
|
<script type="text/javascript" charset="utf-8">
|
mui.init();
|
mui.plusReady(function() {
|
var pages = ['home.html', 'inout-real-time-main.html', 'setting.html'];
|
var arr = document.getElementsByClassName("mui-tab-item")
|
var styles = {
|
top: "0px",
|
bottom: "51px"
|
}
|
var pageArr = [];
|
var slef = plus.webview.currentWebview();
|
for (var i = 0; i < arr.length; i++) {
|
var page = plus.webview.create(pages[i], pages[i], styles);
|
pageArr.push(page);
|
! function(i) {
|
arr[i].addEventListener("tap", function() {
|
for (var j = 0; j < pageArr.length; j++) {
|
if (j != i) pageArr[j].hide();
|
else pageArr[j].show();
|
}
|
slef.append(pageArr[i]);
|
})
|
}(i);
|
}
|
mui.trigger(arr[0], "tap");
|
});
|
</script>
|
</body>
|
</html>
|
