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
}

  

相关文章

这篇文章主要讲解了“electron打包中的坑如何解决”,文中的...
这篇文章主要介绍“electron打包的坑如何解决”的相关知识,...
这篇文章主要为大家分析了VSCode中如何调试Electron应用的主...
这篇“如何在VSCode上调试Electron应用的主进程代码”文章的...
vue-cli+electron一种新的脚手架(vue-electron)vue-electron...
1、首先成功安装Node.js。2、配置好环境变量path,参加上一篇...