H5 单页面修改顶部状态栏——已解决

 

今天用H5做项目,登录界面的颜色和app里面的主色不是同一个颜色(比如蓝),登录界面的是渐变色(比如浅蓝)。如果我用设置manifest.json的话就全部都是主色了(蓝)。

"plus" : {
        "statusbar" : {
            "background" : "#204fa2"
        },
}

问题:

我只要登录的页面的顶部状态栏颜色不同,其他的全都都是蓝色。

解决办法1:

在manifest.json设置沉浸式状态栏,这样做的原理相当于把顶部的状态栏的高度设置为0。

"plus" : {
        "statusbar" : {
			      "immersed": true,
        },

解决办法2

每个页面设置窗口颜色:有详细的参考文档 :HTML5+ API Reference

mui.plusReady(function () {
			plus.navigator.setStatusBarBackground('#204fa2'); 
}
本文为博主原创文章,知识共享,开源精神,转载注明出处。