為何捐款
API 瀏覽器
升級指南
NEW!
quasar.config 檔案
轉換為使用 Webpack 的 CLI
瀏覽器相容性
支援 TypeScript
目錄結構
指令列表
CSS 預處理器
路由
延遲載入 - 程式碼分割
處理資源
啟動檔案
預取功能
API 代理
處理 Webpack
處理 process.env
使用 Pinia 進行狀態管理
使用 Vuex 進行狀態管理
Linter
測試與稽核
開發行動應用程式
Ajax 請求
開放開發伺服器給公眾
搭配 Webpack 的 Quasar CLI - @quasar/app-webpack
Capacitor 應用程式圖示

就圖示而言,Capacitor 是所有建置目標中最複雜的之一,因為您不僅需要將圖示放置在特定的資料夾中,還需要在兩種平台 (Android、iOS) 的設定檔中註冊它們。

如果您發現有任何新增或遺失的檔案,請開啟 issue

Icon Genie CLI

提示

我們強烈建議使用 Icon Genie CLI,因為它會取用來源圖示,並自動複製、縮放、最小化圖示,並將它們放置在適當的目錄中。在需要時,它也會告訴您需要將哪些標籤新增到您的 /index.html 或 /src/index.template.html 檔案中。

使用 Icon Genie CLI 快速引導必要的圖像。如需完整的選項列表,請造訪 Icon Genie CLI 命令列表頁面。

$ icongenie generate -m capacitor -i /path/to/source/icon.png [-b /path/to/background.png]

根據您將使用的封裝工具 (@electron/packager 或 electron-builder),請參閱它們的文件,了解如何掛鉤圖示。

手動說明

除非您使用 Icon Genie 應用程式擴充功能,否則這些是您需要替換的檔案

splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
splash.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
ic_launcher.png
ic_launcher_foreground.png
ic_launcher_round.png
AppIcon-20x20@1x.png
AppIcon-20x20@2x-1.png
AppIcon-20x20@2x.png
AppIcon-20x20@3x.png
AppIcon-29x29@1x.png
AppIcon-29x29@2x-1.png
AppIcon-29x29@2x.png
AppIcon-29x29@3x.png
AppIcon-40x40@1x.png
AppIcon-40x40@2x-1.png
AppIcon-40x40@2x.png
AppIcon-40x40@3x.png
AppIcon-512@2x.png
AppIcon-60x60@2x.png
AppIcon-60x60@3x.png
AppIcon-76x76@1x.png
AppIcon-76x76@2x.png
AppIcon-83.5x83.5@2x.png
splash-2732x2732-1.png
splash-2732x2732-2.png
splash-2732x2732.png