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