hbuilder 打包 vueAPP

Posted 2021-02-09 Wowo丶

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