# 自定义标题栏
https://blog.csdn.net/weixin_41819731/article/details/103324995
首先我们要把默认的标题栏删掉,找到主进程中创建窗体部分,new BrowserWindow时添加参数frame: false即可
mainWindow = new BrowserWindow({
useContentSize: true,
frame: false,
})
1
2
3
4
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
2
3
4
5
6
7
8