- 发布：2017-08-16 17:39
- 更新：2017-08-18 17:34
- 阅读：1529
回梦無痕 - 暂停服务
// 动态设置系统状态栏背景为红色
plus.navigator.setStatusBarBackground('#FF0000');
// 动态设置系统状态栏颜色为白字，light为黑字，只有这两种颜色。
plus.navigator.setStatusBarStyle('dark')两个设置都是对所有页面生效的，切换页面如果要换颜色就要重新设置颜色
回梦無痕 - 暂停服务
mui.plusReady(function(){
plus.navigator.setStatusBarBackground('#ffffff');//状态栏背景白色
plus.navigator.setStatusBarStyle("light");//状态栏前景色为黑色
}head设置成白色以后，状态栏的电量之类的东西就看不见了的话，
在设置成白色之后重新运行
plus.navigator.setStatusBarStyle("light");//状态栏前景色为黑色
回梦無痕 - 暂停服务
不好意思，我搞反了
//黑色字体
plus.navigator.setStatusBarStyle("dark");
//白色字体
plus.navigator.setStatusBarStyle("light");回梦無痕 - 暂停服务
你直接全部复制下面代码运行试试
<!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" />
<style>
.mui-bar-nav {
background-color: #E07C07;
}
</style>
</head>
<body>
<header id="header_dom" class="mui-bar mui-bar-nav">
<h1 class="mui-title">测试</h1>
</header>
<script src="js/mui.min.js"></script>
<script type="text/javascript">
mui.plusReady(function(){
plus.navigator.setStatusBarBackground('#E07C07');//状态栏背景白色
plus.navigator.setStatusBarStyle("dark");//状态栏前景色为黑色
})
</script>
</body>
</html>
十里春风不如你 (作者)
我设置了，但是好像权限不够还是怎么回事，没有生效
2017-08-17 17:51
回梦無痕
代码要写在plusReady事件之内，写在之前不生效
2017-08-17 17:55
十里春风不如你 (作者)
mui.plusReady(function(){
plus.navigator.setStatusBarBackground('#000000');
plus.navigator.setStatusBarStyle("light");
}
我是这么设置的，但是还是不行
2017-08-18 16:41
十里春风不如你 (作者)
回复 回梦無痕:我的背景颜色是白色的，想把字体设置成黑色，但是我把head设置成白色以后，状态栏的电量之类的东西就看不见了。
2017-08-18 16:44