问题一
statusBarBackground:'#58aeef'
通过这个设置了手机的状态条背景色后,怎么设置状态条上的文字、电池容量颜色
这里我改了manifest.json中的uistatusarstyle也用过plus.navigator.setStatusBarStyle("UIStatusBarStyleBlackOpaque" );
均是没有任何反映,我通过xcode自带的模拟器测试无效,再用xcode连接iphone直接手机测试还是无效,然后通过xcode本地打包再发到蒲公英平台,再用手机扫二维码安装测试还是无效
求大神指点。
http://ask.dcloud.net.cn/article/33
这个网址中的方法都试,无效
问题二
mui.init({
swipeBack: false,
statusBarBackground:'#58aeef',
subpages: [{
id: 'login',
url: 'examples/home.html',
styles: {
top: '48px',
bottom: 0,
bounce: 'vertical',
background:'#58aeef'
},
waiting: {
autoShow: true
}
}]
});
上面的这几句代码,最终显示出来是不正常的,运后的结果是上面的48px内什么内容都没有,但只要将styles中的background给去掉,那就什么事都没了,一切运行正常,不过也就没有背景色了
以下是当前页面完整代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</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">
<link rel="stylesheet" href="http://ask.dcloud.net.cn/css/mui.min.css" />
<link rel="stylesheet" href="http://ask.dcloud.net.cn/css/mui.ustc.css" />
<script src="js/mui.min.js"></script>
<script src="js/update.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<script>
var menu = null,list=null,mask = null;
var showMenu = false;
mui.init({
swipeBack: false,
statusBarBackground:'#58aeef',
subpages: [{
id: 'login',
url: 'examples/home.html',
styles: {
top: '48px',
bottom: 0,
bounce: 'vertical'
},
waiting: {
autoShow: true
}
}]
});
mui.plusReady(function() {
if(mui.os.android){
plus.screen.lockOrientation("portrait-primary");
}
//处理侧滑导航,为了避免和子页面初始化等竞争资源,延迟加载侧滑页面;
setTimeout(function () {
menu= mui.preload({
id: 'index-menu',
url: 'index-menu.html',
styles: {
left: 0,
width: '70%',
zindex: -1
},
show:{
aniShow:'none'
}
});
//创建遮罩页面,使用透明webview解决index页面、list页面创建div遮罩不同步的问题;
//android 4.0以下版本不支持透明webview,故4.0以下暂不遮罩;
if(parseFloat(mui.os.version)>4.0){
mask = mui.preload({
id:"index-mask",
url:"index-mask.html",
styles:{
left:'70%',
width:'30%',
zindex:1,
opacity:0.1,
popGesture:"none"
}
});
}
},200);
});
/**
* 显示侧滑菜单
*/
function openMenu(){
if(!showMenu){
//侧滑菜单处于隐藏状态,则立即显示出来;
menu.show('none',0,function () {
//主窗体开始侧滑;
mui.currentWebview.setStyle({
left:'70%',
transition: {
duration: 150
}
});
showMenu = true;
});
//显示遮罩
setTimeout(function () {
mask