electron打包及窗口自定义设置

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

?

1 2 3 4 5 6 7 8

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

2、窗口自定义

?

1 2 3 4 5 6 7

new BrowserWindow({     frame:false，//隐藏边框      backgroundColor:'#0c549c',//设置背景色      icon:'./resource/icons/icon.ico', //设置左上角图标 })

　　

3、设置按住头部导航位置移动窗口
navbar.vue组件中设置外框的css样式

?

1 2 3

.navbar{ -webkit-app-region：drag //允许移动 }

　　

带链接可点击的部分要设置样式为no-drag

?

1 2 3

.leftlogo{ -webkit-app-region：no-drag //不允许移动 }

　　

4、禁止框选复制文本
在index.css中设置

?

1 2 3 4

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