electron中隐藏顶部菜单、隐藏顶部最大化、最小化、关闭按钮以及自定最大化、最小化 、关闭按钮。

electron中隐藏顶部菜单、隐藏顶部最大化、最小化、关闭按钮以及自定最大化、最小化 、关闭按钮。

 

如果您想学Electron视频教程请访问：

【Electron视频教程下载地址】

 

1、electron中隐藏顶部菜单

mainWindow.setMenu(null)

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

mainWindow = new BrowserWindow({
    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自定义导航可拖拽

 

可拖拽的css:

-webkit-app-region: drag;

不可拖拽的css:

 -webkit-app-region: no-drag;