electron自定义无边框带有阴影的窗口(如上图),在开发过程中遇到了两个难点:
- 如何给无边框添加阴影
- 如何来实现自定义的标题栏(最大化,最小化,关闭,拖动,双击)
- 设置了transparent:true ,isMaximized()始终返回false
下面记录一下解决方案:
let win = new BrowserWindow({
width:440,
height:450,
frame: false,
transparent: true,
webPreferences: {
devTools:false,
nodeIntegration: true,
webviewTag: true
}
})
<div class="content">
<custom-header></custom-header>
<div class="config-page">
<ul class="config-page-tab">
<li @click="toggle(item)" v-for="(