electron-vue 添加右下角通知图标

第一步
import { app, BrowserWindow ,ipcRenderer,ipcMain , Menu,Tray} from 'electron'
第二步
//创建桌面角标

// An highlighted block
function  initTrayIcon() {
        const tray = new Tray('src/renderer/assets/images/icos.ico');
        const trayContextMenu = Menu.buildFromTemplate([
            {
                label: '打开',
                click: () => {
                    this.showAndFocusWindow();
                }
            }, {
                label: '退出',
                click: () => {
                    uiWin.webContents.send(remote.app.quit, 'quit');
                }
            }
        ]);
        tray.setToolTip('IM云通信');
        tray.on('click', () => {
            this.showAndFocusWindow();
        });
        tray.on('right-click', () => {
            tray.popUpContextMenu(trayContextMenu);
        });
    }
    //此处需要注意  ico文件的路径中  以src为起点   即index.js(主线程文件)作用域elecVue这个项目中   

第三步

app.on('ready', ()=>{
	createWindow();  //创建窗口
		initTrayIcon();  //添加右下角通知栏图标
})

附项目结构图

https://www.electronjs.org/docs/api/tray#new-trayimage-guid 系统托盘api路径