如何在我的离子应用程序中使用图像?

时间:2018-03-28 14:42:27

标签: android cordova ionic-framework npm

我使用此css代码

在我的离子应用程序中使用图像作为背景
.contentcolor{
  background-image: url('../../assets/Capture3.PNG');
  background-repeat: no-repeat;
  background-position: center;
  background-size: full;
}

但是当我在模拟器或硬设备上运行我的应用程序时,图像不会出现。当我检查时发现了这个:

enter image description here

我该如何解决?

1 个答案:

答案 0 :(得分:1)

您的图片位于何处?我假设在assets文件夹中?我认为你正在引用一个不存在的文件。

编辑:尝试使用:background-image: url('./../assets/Capture3.PNG');