码农不算农
码农不算农
  • 发布:2016-04-15 15:58
  • 更新:2016-04-15 15:58
  • 阅读:1271

请帮忙看看,为什么底部导航栏能chrome上能显示,真机运行的时候显示不了啊

分类:MUI

<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<title></title>
<link href="css/mui.min.css" rel="stylesheet" />
<link rel="stylesheet" href="mystyle/css/layout.css">
<link rel="stylesheet" href="mystyle/css/rester.css">
<script src="mystyle/js/jquery-1.7.2.min.js"></script>
<script src="mystyle/js/jquery.js"></script>
<style>
ul {
font-size: 14px;
color: #8f8f94;
}
.mui-btn {
padding: 10px;
}
</style>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">XXXXXXXXX系统</h1>
</header>
<nav class="mui-bar mui-bar-tab">
<nav class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" href="#tabbar">
<span class="mui-icon mui-icon-phone"></span>
<span class="mui-tab-label">电话咨询</span>
</a>
<a class="mui-tab-item" href="#tabbar-with-chat">
<span class="mui-icon mui-icon-chat"></span>
<span class="mui-tab-label">在线咨询</span>
</a>
<a class="mui-tab-item" href="#tabbar-with-sms">
<span class="mui-icon mui-icon-sms"></span>
<span class="mui-tab-label">短信咨询</span>
</a>
<a class="mui-tab-item" href="#tabbar-with-map">
<span class="mui-icon mui-icon-map"></span>
<span class="mui-tab-label">查看地图</span>
</a>
</nav>
</nav>
</body>
<script src="js/mui.min.js"></script>
<script src="js/app.js"></script>
<script>
mui.init({
swipeBack: false,
statusBarBackground: '#f7f7f7',
gestureConfig: {
doubletap: true
},
subpages: [{
id: 'index',
url: 'index.html',
styles: {
top: '45px',
bottom: 0,
bounce: 'vertical'
}
}]
});
(function($, doc) {
$.init();
window.addEventListener('show', function() {
}, false);
$.plusReady(function() {
//--
$.oldBack = mui.back;
var backButtonPress = 0;
$.back = function(event) {
backButtonPress++;
if (backButtonPress > 1) {
plus.runtime.quit();
} else {
plus.nativeUI.toast('再按一次退出应用');
}
setTimeout(function() {
backButtonPress = 0;
}, 1000);
return false;
};
});
}(mui, document));
</script>



</html>

2016-04-15 15:58 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复