electron无边框与圆角

一般的我们会使用electron无边框去除electron自带的菜单栏与右上角的功能按钮，实现自身应用自定义菜单与功能。

1.electron主进程创建无边框

electron创建主窗口无边框只需要设置 frame: false 即可

但是为了实现圆角效果我们还需要设置透明窗口，属性为 transparent: true；

如图设置：

2.渲染进程设置样式

一般将html或者body设置自己喜欢的背景色和圆角即可

body,
html {
  height: 100%;
  width: 100%;
  border-radius: 8px;
  background: white;
}

也可以将html,body设置为透明，但一定得设置圆角，然后再将页面节点设置背景色与圆角

body,
html {
  height: 100%;
  width: 100%;
  border-radius: 8px;
}
#app {
  height: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 8px;
  background: white;
}

注意：在win7上如果不设置border，且背景色与别的应用程序一致时，会重叠在一起,只需要border即可