h5+app设置手机状态栏颜色


设置状态栏背景颜色

plus.navigator.setStatusBarBackground('#6495ED'); 

设置状态栏文字颜色(只能设置黑或白   light -> 白色  dark -> 黑色 )

plus.navigator.setStatusBarStyle('light');

 

使用:

 created(){ plus.navigator.setStatusBarBackground('#6495ED'); plus.navigator.setStatusBarStyle('light'); }, activated:function(){ plus.navigator.setStatusBarBackground('#6495ED'); plus.navigator.setStatusBarStyle('light'); }, deactivated:function(){ plus.navigator.setStatusBarBackground('#6495ED'); plus.navigator.setStatusBarStyle('light'); }, 

app.vue中需要使用<keep-alive> </keep-alive>标签包裹住整个项目路由出口,如下图   (不使用<keep-alive>,所有页面的状态栏都会被设置上颜色)

 

 

附图:

 

 

原文地址:https://segmentfault.com/a/1190000010828024#item-1


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM