Ionic2 - 在 UI 上显示项目图像

Posted 2023-03-13

【中文标题】Ionic2 - 在 UI 上显示项目图像

【英文标题】：Ionic2 - Displaying project images on the UI

【发布时间】：2017-09-23 08:48:33

【问题描述】：

我有以下全新项目，创建于：

$ ionic start MyIonic2Project sidemenu --v2

我的question很简单：

在哪里可以找到application images（资产图像/固定图像/图标/等）的目录？，在里面：resources, src, www, etc？我在找best practices。

这些图片的网址会是什么样子？我想在文件中指定<img src="<url/to/image.jpg>" /> 元素：src/pages/home/home.ts。

【问题讨论】：

我认为最好保留在www\images 文件夹内

那么，不在src内？

没有 . 它常见于保持在www

【参考方案1】：

src/assets/ 文件夹应该包含所有资源。您可以根据资源类型使用任何子文件夹。在构建过程中，src/assets 中的所有内容都会复制到 www/assets。

这些图片的网址是什么样的？

当当前文件位于 www 文件夹中时，您必须提供相对于当前文件的路径。 如果您在 scss 文件中进行设置，它通常是 ../assets/../filename。（这最终会成为构建文件夹中 main.css 的一部分）。 和 ./assets/../filename 在您的 html 文件中。

【讨论】：

我更喜欢这个。还有一个问题，css 文件呢？和常见的css 文件呢？

ionic 2 使用 scss.. 它们都被转译并最终在 main.css.. 你可以直接在 scss 中设置 css..