Uniapp怎么改图标和名称
1. 改变应用的名称
当我们为指定的应用程序更改名称时，通常可以使用app.json文件完成此操作。
首先，打开你的项目中的app.json文件，在其中找到"manifest"项。
在"manifest"项中，我们将找到"app"配置项，该项为应用程序提供了丰富的信息，例如应用程序的名称、图标、启动页等。 找到"app"配置项中的"name"，并将其值更改为你想要的名称，示例代码如下：
"app": {
"name": "My App Name",
//其它配置项...
}
接下来，我们需要在应用程序中使用新的名称，这里有两种方法来完成此操作。
第一种方法是使用全局配置来改变应用程序名称：
uni.setNavigationBarTitle({
title: 'My App Name'
})
第二种方法是直接在需要显示应用程序名称的页面中手动更改标题：
export default {
onReady() {
uni.setNavigationBarTitle({
title: 'My App Name'
})
}
}
2. 更改应用程序图标
更改应用程序图标，我们需要执行以下步骤：
第一步：准备应用程序图标文件，这通常包括多个尺寸和分辨率的图标文件。在Uniapp中，应用程序图标文件通常存储在项目的"\unpackage\build\appid\build-templates\default\favicon"路径下。你需要准备不同尺寸的图标，以便在不同设备上显示为最佳效果。
第二步：更新manifest.json文件以包含新的应用程序图标信息。使用 uni-app 框架时，你需要在manifest.json文件中指定icons选项。在"icons"配置项中，可以为不同大小的图标指定不同的文件名。例如：
"icons": {
"16": "favicon-16x16.png",
"32": "favicon-32x32.png",
"96": "favicon-96x96.png",
"120": "apple-icon-120x120.png",
"144": "apple-icon-144x144.png",
"152": "apple-icon-152x152.png",
"192": "android-icon-192x192.png",
"384": "android-icon-384x384.png",
"512": "android-icon-512x512.png"
},
第三步：在头部上更新HTML文件以包含新的图标。在uni-app中，你需要在HTML文件的头部中包含以下代码：
<!-- move start -->
<link rel="apple-touch-icon" sizes="120x120" href="/static/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/static/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/static/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/static/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/static/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/static/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- move end -->
这里，我们需要使用项目中的相应图标文件路径，替换每个链接标记 href 属性中的值。
以上就是如何更改uniapp应用的图标和名称的方法。