ionic-framework - IONIC 2 中的图像在哪里

Question

我刚刚开始使用 Ionic 2。我创建了一个 img文件在 app里面是一个文件logo.png。所以我创建了以下代码:

CSS:

.getting-started {
  .logo {
      background-image: url(./img/logo.png);
  }
}

html:

  <ion-col offset-33 width-33 class="logo"><h1>Logo</h1></ion-col>
  <h3>Welcome to your first Ionic app!</h3>

</ion-content>

我知道 css 正在工作，就像我切换背景颜色一样，我得到了预期的结果。但是，我没有得到任何背景图像，只有指定的 Logo 文本。我应该把图像文件放在哪里？

Answer 1

assets 文件夹是放置任何媒体的正确文件夹。
我的图像的位置:

仅供引用:如果您没有文件夹，只需创建它

src > assets > img > background.png

变量.scss

.backgroundImage {
  background-image: url('../assets/img/background.png');
}

然后在我想使用它的页面上:

主页.html

<ion-content padding class="backgroundImage">

</ion-content>

您还可以通过以下方式引用图像:

主页.html

<ion-content padding class="backgroundImage">
    <img src="./assets/img/background.png" width="50%" />
</ion-content>