第四节：Electron、electron-vue中隐藏顶部菜单隐藏顶部最大化、最小化、关闭按钮自定最大化、最小化、关闭按钮

1、electron-vue中隐藏顶部菜单（在主进程里也就是main文件夹里的index.js文件中）放在function createWindow里

mainWindow.setMenu(null)

2、electron-vue中隐藏关闭最大化最小化按钮

mainWindow=newBrowserWindow({
  height:620,
  useContentSize:true,
  width:1280,
  frame:false/*去掉顶部导航去掉关闭按钮最大化最小化按钮*/
})

3、electron-vue自定义关闭最大化最小化按钮

ipc.on('window-min',function(){
  mainWindow.minimize();
})
//登录窗口最大化
ipc.on('window-max',function(){
  if(mainWindow.isMaximized()){
    mainWindow.restore();
  }else{
    mainWindow.maximize();
  }
})
ipc.on('window-close',function(){
  mainWindow.close();
})

4、electron-vue自定义导航可拖拽

可拖拽的css:
-webkit-app-region:drag;
不可拖拽的css:
-webkit-app-region:no-drag;