hbuilder 打包 vueAPP

時間 2019-11-16

標籤 hbuilder 打包 vueapp 简体版

原文原文鏈接

1：設置狀態欄顏色
  在manifest.json  找到
 plus 下添加

"statusbar": {javascript

"immersed": true/*沉浸式狀態欄*/ 設置背景色就不要設置此項或者刪除不配置
"background": "#ffffff"
}, html



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/392322972vue

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。