hbuilder 打包 vueAPP

1：设置状态栏颜色
  在manifest.json  找到
 plus 下添加

"statusbar": {

"immersed": true/*沉浸式状态栏*/ 设置背景色就不要设置此项或者删除不配置
"background": "#ffffff"
},



2 ：home键返回问题
    mui进行手机物理键的监听

首先安装 vue-awesome-mui

npm i vue-awesome-mui

在main.js注册

import Mui from 'vue-awesome-mui' ;

Vue.use(Mui);

在index.html

 
   <script> 
  
   mui.init({ 
  
   keyEventBind: { 
  
   backbutton:  
   true  
   //关闭back按键监听 
  
   } 
  
   }); 
  
   // //首页返回键处理 
  
   // //处理逻辑：1秒内，连续两次按返回键，则退出应用； 
  
   var  
   first =  
   null 
   ; 
  
   mui.back =  
   function 
   () { 
  
   //首次按键，提示 再按一次退出应用 
  
   if  
   (!first) { 
  
   first =  
   new  
   Date().getTime();  
   //记录第一次按下回退键的时间 
  
   mui.toast( 
   "再按一次退出应用" 
   );  
   //给出提示 
  
   history.go(-1);  
   //回退到上一页面 
  
   setTimeout( 
   function 
   () { 
  
   //1s中后清除 
  
   first =  
   null 
   ; 
  
   }, 1000); 
  
   }  
   else  
   { 
  
   if  
   ( 
   new  
   Date().getTime() - first < 1000) { 
  
   //如果两次按下的时间小于1s， 
  
   plus.runtime.quit();  
   //那么就退出app 
  
   } 
  
   } 
  
   }; 
  
   </script>