手机状态栏背景默认为黑色,如下图,根据应用设置不同的状态栏色,以下操作是以android为前提
参考https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-statusbar/
一.下载依赖
cordova plugin add cordova-plugin-statusbar
之后就可以在项目路径=>plugins=>cordova-plugin-statusbar看到依赖
二.配置文件
在根目录config.xml文件中设置
<preference name="StatusBarOverlaysWebView" value="false" />
<preference name="StatusBarBackgroundColor" value="#3c73c5" />
StatusBarBackgroundColor设置颜色十六进制字符串
StatusBarOverlaysWebView要设为false 否则顶部状态栏会挡住我们的页面