electron打包及窗口自定義設置


1、打包設置
在vue.config.js中設置

publicOptions:{
 electronBuilder:{
  nodeIntegration:true,
  builderOptions:{
     "appId":""
  }
 }
}

2、窗口自定義

new BrowserWindow({
    frame:false,//隱藏邊框

   backgroundColor:'#0c549c',//設置背景色

   icon:'./resource/icons/icon.ico', //設置左上角圖標
})

  

3、設置按住頭部導航位置移動窗口
navbar.vue組件中設置外框的css樣式

.navbar{
-webkit-app-region:drag //允許移動
}

  

帶鏈接可點擊的部分要設置樣式為no-drag

.leftlogo{
-webkit-app-region:no-drag //不允許移動
}

  

4、禁止框選復制文本
在index.css中設置

body{
-webkit-user-select:none;
user-select:none
}

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM