如下代碼所示：frame: false 參數(shù)用來設(shè)置無邊框；
const {BrowserWindow} = require('electron')
let win = new BrowserWindow({width: 800, height: 600, frame: false})
win.show()
1
2
3
以下代碼用于在Html元素中設(shè)置可拖動區(qū)域；
其中，style=”-webkit-app-region: drag;” 用于設(shè)定該部分為可拖動區(qū)域；
而， style=”-webkit-app-region: no-drag;” 用于設(shè)定該部分為不可拖動區(qū)域；
這兩種樣式可分別加載嵌套的Html元素中，以便實現(xiàn)可拖動區(qū)域與不可拖動區(qū)域(功能區(qū)域)的精準劃分。
<header style="-webkit-app-region: drag">

<section style="-webkit-app-region: no-drag">
    <!--html代碼-->
</section>
<section>
    <!--html代碼-->
</section>
<section style="-webkit-app-region: no-drag">
    <!--html代碼-->
</section>

</header>

這個功能說起來很簡單的，就是使用main和renderer通信
我來說下大致的代碼：

在main.js中

ipcMain.on('quitApp',()=>{
    app.quit()
})

在renderer中

html：

 <Button @click="quitApp"></Button>

Script：

quitApp () {
      this.$electron.ipcRenderer.send('quitApp')
    }

你說的像窗體原生按鈕，其實是用renderer發(fā)送信息到main實現(xiàn)的。具體你可以研究下ipc通信咯。
應為有的API只能main能用。