🌈 style: application icon

🌈 style: electron install config
xing403 · Oct 18, 2023 · 0a12f31 · 0a12f31
1 parent 833016d
commit 0a12f31
Show file tree

Hide file tree

Showing 10 changed files with 15 additions and 18 deletions.
diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <link rel="icon" href="/favicon.ico">
   <title>Schedule</title>
   <meta name="description" content="Opinionated Vite Starter Template">
 </head>

diff --git a/plugins/electron.build.ts b/plugins/electron.build.ts
@@ -1,3 +1,4 @@
+/* eslint-disable no-template-curly-in-string */
 /* eslint-disable @typescript-eslint/no-require-imports */
 /* eslint-disable @typescript-eslint/no-var-requires */
 // Electron production environment
@@ -43,11 +44,19 @@ export default function ElectronBuildPlugin(): Plugin {
             output: path.resolve(process.cwd(), 'release'),
             app: path.resolve(process.cwd(), 'dist'),
           },
+          // 安装界面图标
+          icon: path.relative(process.cwd(), 'dist/256x256.ico'),
+          target: 'nsis',
           files: ['**/*'],
           asar: true,
           nsis: {
-            oneClick: false, // 取消一键安装操作
-            allowToChangeInstallationDirectory: true, // 允许用户自定义安装目录
+            oneClick: false,
+            allowToChangeInstallationDirectory: true,
+            installerHeaderIcon: path.relative(process.cwd(), 'dist/256x256.ico'),
+            installerIcon: path.relative(process.cwd(), 'dist/256x256.ico'),
+            uninstallerIcon: path.relative(process.cwd(), 'dist/256x256.ico'),
+            shortcutName: 'schedule',
+            artifactName: '${productName} ${version}.${ext}',
           },
         },
       })

diff --git a/public/256x256.ico b/public/256x256.ico
diff --git a/public/256x256.png b/public/256x256.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/favicon.jpg b/public/favicon.jpg
diff --git a/public/favicon.svg b/public/favicon.svg
diff --git a/src/composables/application.ts b/src/composables/application.ts
@@ -13,7 +13,7 @@ export const patform = useStorageAsync<'electron' | 'web'>('patform', userAgent.
 export const { isLoading, progress } = useNProgress()
 export const loadingToggle = useToggle(isLoading)
 
-export const favicon_path = path.join('favicon.svg')
+export const favicon_path = path.join('favicon.ico')
 
 export const menuCollapse = ref(false)
 export const menuCollapseToggle = useToggle(menuCollapse)
diff --git a/src/electron/main.ts b/src/electron/main.ts
@@ -6,6 +6,7 @@ export function createWindow(config?: BrowserWindowConstructorOptions) {
   const win = new BrowserWindow({
     width: config?.width ?? 1440,
     height: config?.height ?? 1200,
+    icon: path.join(__dirname, '256x256.png'),
     ...config,
     webPreferences: {
       sandbox: false,

diff --git a/src/electron/tray.ts b/src/electron/tray.ts
@@ -4,7 +4,7 @@ import { Menu, Tray, nativeImage } from 'electron'
 import { createWindow } from '.'
 
 export function createTray(windowMap: WindowMap) {
-  const tray = new Tray(nativeImage.createFromPath(path.join(__dirname, 'favicon.jpg')))
+  const tray = new Tray(nativeImage.createFromPath(path.join(__dirname, '256x256.png')))
   const contextMenu = Menu.buildFromTemplate([
     {
       label: '关于',