【问题标题】:Ionic2 - Displaying project images on the UIIonic2 - 在 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

标签: angular typescript ionic-framework ionic2


【解决方案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..
猜你喜欢
  • 2017-09-20
  • 2019-05-06
  • 1970-01-01
  • 1970-01-01
  • 2012-12-02
  • 1970-01-01
  • 1970-01-01
  • 2019-10-24
相关资源
最近更新 更多