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>
 
 
 



 摘自:https://bbs.csdn.net/topics/392322972

猜你喜欢

转载自www.cnblogs.com/lgjc/p/10394522.html