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
}

　　

标签：自定义,drag,electron,select,设置,webkit,打包,icon
来源： https://www.cnblogs.com/zwbsoft/p/16104982.html