hbuilder 打包 vueAPP -云博客

hbuilder 打包 vueAPP

# 移动开发 2024-05-05 22:16 0 137 来源：云博客

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> 
   
   