# 自定义标题栏

https://blog.csdn.net/weixin_41819731/article/details/103324995

首先我们要把默认的标题栏删掉,找到主进程中创建窗体部分,new BrowserWindow时添加参数frame: false即可

mainWindow = new BrowserWindow({
    useContentSize: true,
    frame: false,
  })
1
2
3
4

这里需要注意的是,去掉标题栏后,应用就没法拖动了,需要拖动的话需要拖动的区域需要设置css样式

-webkit-app-region: drag;
1

设置某一部分不可拖动为

-webkit-app-region: no-drag;
1

这里需要对默认样式进行重置,不然标题栏与窗体会有边距

<style>
html,
body,
div {
  margin: 0;
  padding: 0;
}
</style>
1
2
3
4
5
6
7
8