uniapp icon放在哪个文件夹下

1. uniapp icon是什么

在开发uniapp应用时，为应用设置一个独特的图标是必不可少的。这个图标就是所谓的uniapp icon，他是应用在用户设备上的标志。

uniapp icon 如下图所示：

2. uniapp icon的路径

在 uniapp 应用中，uniapp icon 的路径位于项目根目录下的 static 文件夹中。在 static 文件夹中，您可以创建一个名为 icon.png 的文件，大小建议为1024*1024 px。在创建完毕后，您需要在 manifest.json 文件中添加需要的信息，如下：

  "manifestJson": {
    "name": "UniApp",
    "start_url": "/",
    "icons": [
      {
        "src": "/static/icon.png",
        "sizes": "1024x1024"
      }
    ]
  }

如上所述，您需要在 manifest.json 文件中新增一个 icons 节点，然后在其中添加您的 icon 图片信息。uniapp建议 icon 的大小为1024x1024，这也是最常见的尺寸。

3. 其他平台的 icon 设置

3.1 ios 平台

为了在 ios 平台上显示应用 icon，您还需要在 UniApp 的项目中额外添加相应文件。在您的项目中新建 Resources 目录，然后再新建一个名为 icons 的子目录。在 icons 目录中，您需要新增以下类型的图标：

20*20 px 的 iwatch 图标，文件名为 iwatch_appicon_20x20@2x.png

40*40 px 的 iwatch 图标，文件名为 iwatch_appicon_40x40@2x.png

60*60 px 的 iwatch 图标，文件名为 iwatch_appicon_60x60@2x.png

76*76 px 的 ipad 图标，文件名为 ipad_appicon_76x76@1x.png

152*152 px 的 ipad 图标，文件名为 ipad_appicon_76x76@2x.png

167*167 px 的 ipad 图标，文件名为 ipad_appicon_83.5x83.5@2x.png

120*120 px 的 iphone 图标，文件名为 iphone_appicon_60x60@2x.png

180*180 px 的 iphone 图标，文件名为 iphone_appicon_60x60@3x.png

1024*1024 px 的 iphone 图标，文件名为 iphone_appicon_1024x1024@1x.png

完成这些 icon 文件的添加后，我们还需要在 info.plist 文件中添加相应的信息，如下：

  <key>CFBundleIcons</key>
<dict>
<key>CFBundlePrimaryIcon</key>
<dict>
<key>CFBundleIconFiles</key>
<array>
<string>iPhone_appicon_60x60@2x</string>
<string>iPhone_appicon_60x60@3x</string>
<string>iPhone_appicon_1024x1024</string>
<string>iPad_appicon_76x76@1x</string>
<string>iPad_appicon_76x76@2x</string>
<string>iPad_appicon_83.5x83.5@2x</string>
<string>iwatch_appicon_38mm@2x</string>
<string>iwatch_appicon_42mm@2x</string>
</array>
</dict>
</dict>

在上面的代码中，我们可以看到我们新增了 CFBundleIcons 节点，然后在 CFBundlePrimaryIcon 节点中添加了默认的 icon 文件信息。

3.2 android 平台

在 android 平台上，运行时应该可以自动处理 icon，不需要进行特定的操作。

4. 小结

如上述，我们需要在 uniapp 项目中，自定义一个 icon，保存在 static 文件夹中，然后在 manifest.json 文件中添加 icon 信息。此外，针对不同的平台，我们还需要进行一些调整和设置，以保证 icon 在不同设备中的展示效果。