uniapp icon放在哪个文件夹下

uniapp icon的文件夹位置

在Uniapp中，我们可以使用静态资源文件夹来存储应用程序所需的所有静态资源，包括应用程序的图标。静态资源文件夹是应用程序根目录下的文件夹，命名为static。

  root
  ├── static
  │   └── icon.png
  ├── pages
  └── uni.scss

在static文件夹中存储图标文件，如上述示例中的icon.png。图标可以使用PNG格式，因为它是可伸缩的，透明的，支持高分辨率，且最重要的是被远古浏览器广泛支持。

如何在页面中使用icon

现在我们已经可以将应用程序的图标存储在静态资源文件夹中，下一步是在应用程序中使用它。在Vue模板中，我们可以使用元素来插入图像，如下所示：

在这个示例中，元素的src属性指向存储在static文件夹中的icon.png文件。您可以使用相对路径或绝对路径来引用文件。请注意，有些情况下，您可能需要在路径前添加“~”字符。例如，如果您的应用程序使用了别名来索引目录，则需要使用此字符。例如：

如何在manifest.json文件中指定图标

manifest.json文件是一个包含应用程序元数据的JSON文件，用于在移动设备的主屏幕上添加应用程序的Web应用程序。在此文件中，您可以指定应用程序的名称，主页URL，显示模式，主题颜色和图标等。要指定应用程序的图标，请在manifest.json文件中添加以下代码：

  {
    "name": "My App",
    "short_name": "My App",
    "start_url": "/",
    "display": "standalone",
    "background_color": "#f0f0f0",
    "theme_color": "#6c63ff",
    "icons": [
      {
        "src": "/static/icon.png",
        "sizes": "192x192",
        "type": "image/png"
      },
      {
        "src": "/static/icon-512x512.png",
        "sizes": "512x512",
        "type": "image/png"
      }
    ]
  }

在“icons”数组中，您可以指定多个图标以适应不同的屏幕大小。UWP应用程序还可以使用“badge”属性指定应用程序的徽章图标。请注意，图标应该是PNG格式，且必须包含在静态资源文件夹中。

总结

在Uniapp应用程序中，我们可以使用静态资源文件夹来存储应用程序所需的所有静态资源，包括应用程序的图标。

要在页面中使用图标，请使用元素并将src属性指向图标文件所在的位置。

要在manifest.json文件中添加图标，请在“icons”数组中指定图标，格式为PNG，大小适应不同的屏幕大小。