<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试主界面</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script>
<link href="../css/mui.min.css" rel="stylesheet" />
<style>
html,
body {
background-color: #efeff4;
}
</style>
<script>
mui.init({
gestureConfig: {
swipe: false
}
});
</script>
</head>
<body>
<style>
/**grid 自适应代码**/
html,
body,
.mui-content {
height: 100%;
}
.mui-content > .mui-table-view:first-child {
margin-top: 0px;
}
.mui-content {
position: relative;
}
.mui-grid-view {
position: absolute;
top: 184px;
bottom: 0;
min-height: 330px;
}
.mui-table-view.mui-grid-view .mui-table-view-cell {
height: 33.33333333%;
}
.mui-table-view.mui-grid-view .mui-table-view-cell > a:not(.mui-btn) {
position: absolute;
top: 50%;
margin-top: -50px;
left: 50%;
margin-left: -40px;
}
</style>
<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">演示首页</h1>
</header>
<div class="mui-content">
<div id="slider" class="mui-slider">
<div class="mui-slider-group">
<div class="mui-slider-item" style="height:140px;width:100%">
<img src="../images/main2.jpg">
<p class="mui-slider-title">幸福就是可以一起睡觉</p>
</div>
<div class="mui-slider-item" style="height:140px;width:100%">
<img src="../images/main1.jpg">
<p class="mui-slider-title">静静看这世界</p>
</div>
</div>
<div class="mui-slider-indicator mui-text-right">
<div class="mui-indicator mui-active"></div>
<div class="mui-indicator"></div>
</div>
</div>
<ul class="mui-table-view mui-grid-view mui-grid-9">
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
<a href="javascript:contract();">
<span class="mui-icon mui-icon-list"></span>
<div class="mui-media-body">
精彩相册
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
<a href="javascript:exit();">
<span class="mui-icon mui-icon-close"></span>
<div class="mui-media-body">
退出系统
</div>
</a>
</li>
</ul>
</div>
<script type="text/javascript" charset="utf-8">
mui.plusReady(function() {
plus.webview.close("login");
});
mui.back = function() {
exit();
};
function contract() {
mui.openWindow({
url: 'contracts-main.html',
id: 'contract',
show: {
autoShow: false
}
});
}
function exit() {
//退出系统
var btn = ["确定", "取消"];
mui.confirm('确认关闭系统？', '测试项目', btn, function(e) {
if (e.index == 0) {
plus.runtime.quit();
}
});
}
</script>
</body>
</html>
5 个回复
DCloud_App_Array
这个API是执行关闭Webview窗口，可能的情况是login页面中的某些js没有执行完毕就被关闭，导致后面的也页面不显示。
具体还需要你把所有html页面贴出来才能确认。
蓝莲花 (作者)
<script type="text/javascript" charset="utf-8">
mui.plusReady(function() {
plus.webview.close("login");
});
</script>
login.html - > main.html 我是从 登陆界面，执行跳转到 主界面，然后关闭 登陆界面的，因为用不上了
并不存在某些js没有执行完毕就被关闭的情况啊。
DCloud_App_Array
请提交完整的应用资源
蓝莲花 (作者)
<!DOCTYPE html>
<html>
</html>
DCloud_UNI_FXY
可以用android真机联调一下。看看控制台是不是报错了。
如果js有错误，把错误修复一下。如果js没错误，仍有问题，把整个工程发出来