electron-vue 无边框+自定义最大化最小化关闭按钮

electron无边框

main/index.js修改

  mainWindow = new BrowserWindow({
   
    height: 563,
    useContentSize: true,
    width: 1000,
    frame: false,//添加这一行采用无边框窗口
  })

vue自定义最大化最小化关闭按钮

1. 自定义按钮模板：TitleButton.vue

<template>
  <div 
    class="titlebtn" 
    :style="style"
    @click="click"/>
</template>

<script>
    const {
    ipcRenderer: ipc} = require('electron');
    const style = {
    
        min: {
    
            backgroundColor: 'green',
            right:'65px'
        },
        max: