1. 引入 Tray Menu ` import?{?Menu,?Tray,?app,?BrowserWindow?}?from"electron";` 2. 系統托盤右鍵菜單 ``` functioncreateWindow()?{ ... //系統托盤右鍵菜單 ????vartrayMenuTemplate?=?[{ label:?"設置", click:?function()?{}?//打開相應頁面 ????????}, ????????{ label:?"意見反饋", click:?function()?{} ????????}, ????????{ label:?"幫助", click:?function()?{} ????????}, ????????{ label:?"關于", click:?function()?{} ????????}, ????????{ label:?"退出", click:?function()?{ ????????????????//ipc.send('close-main-window'); app.quit(); ????????????} ????????} ????]; ????//系統托盤圖標目錄 let iconPath?=?path.join(__dirname,?"ico.ico"); let appTray?=?newTray(iconPath); ????//圖標的上下文菜單 ????const contextMenu?=?Menu.buildFromTemplate(trayMenuTemplate); ????//設置此托盤圖標的懸停提示內容 appTray.setToolTip("electron-vue-test."); ????//設置此圖標的上下文菜單 appTray.setContextMenu(contextMenu); //系統托盤圖標閃爍 ????let count?=?0, timer?=?null; timer?=?setInterval(function()?{ count++; ????????if?(count?%?2?==?0)?{ appTray.setImage(iconPath); ????????}?else?{ appTray.setImage(iconPath); ????????} ??? },?600); ????//單點擊?1.主窗口顯示隱藏切換?2.清除閃爍 appTray.on("click",?function()?{ ????????if?(!!timer)?{ appTray.setImage(iconPath); ????????????//主窗口顯示隱藏切換 mainWindow.isVisible()?? mainWindow.hide()?: mainWindow.show(); //?關閉托盤顯示 ????????????//?appTray.destroy(); ????????} ????}); ... } ```