uniapp怎么更改图标

UniApp是一种基于Vue.js框架的多端开发工具，它能够同一份代码在不同的平台上运行，包括了H5、小程序以及APP等。在UniApp中更改图标是很常见的需求，下面将为你详细介绍UniApp如何更改图标。 首先，需要说明的是，UniApp中的图标分为两种，一种是应用图标，指的是在手机或桌面上显示的应用图标；另一种是H5的图标，指的是在浏览器标签页上显示的图标。下面分别对应讲解。 ## 更改应用图标 更改应用图标需要在manifest.json文件中进行配置，具体配置如下：

manifest.json

{
  "name": "应用名",
  "description": "应用描述",
  "icons": [
    {
      "src": "static/logo.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "static/logo.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "theme_color": "#ffffff",
  "background_color": "#ffffff"
}

其中，icons字段用来配置应用图标，包括了两个尺寸的图标，分别是192x192和512x512。在实际开发中，可以将这两个尺寸的图标分别命名为logo.png和logo_512.png，然后放在static文件夹下即可。 ## 更改H5的图标 更改H5的图标需要在index.html中进行配置，具体配置如下：

index.html

  ...
  
  
  ...

其中，<link rel="shortcut icon" href="/static/favicon.png">用来配置浏览器标签页上显示的图标；<link rel="apple-touch-icon" href="/static/logo.png">用来配置在iOS设备上添加到主屏幕后的图标。同样的，可以将这两个图标分别命名为favicon.png和logo.png，然后也放在static文件夹下。 综上，UniApp中更改图标的方式有所不同，但核心在于配置文件和名称的定义。需要注意的是，应用图标和H5的图标的更改是分开的，因此需要分别进行配置。