仅在app.scss

Question

我有这样的结构：
--src
--app
---- app.scss
--assets
---- IMGS
------ pergamena.jpg
--pages
----开始
------ start.scss
只有当我将此代码放在app.scss中时才会显示图像pergamena.jpg：

.contenutoStart {  
     background: url("../assets/imgs/pergamena.jpg") no-repeat center center 
     fixed;
     background-size: cover;  
     }  

如果我将此代码放在start.scss中，则图像不会显示：

.contenutoStart {  
     background: url("../../assets/imgs/pergamena.jpg") no-repeat center 
center 
     fixed;
     background-size: cover;  
     }  

文件html是这样的：

<ion-content class="contenutoStart">content....
   </ion-content>  

谁能告诉我我做错了什么？谢谢。

Answer 1

从.contenutoStart移除start.scss并使用以下代码

ion-content {
    background-image: url('assets/imgs/pergamena.jpg')no-repeat center fixed;
}

.html

<ion-content >
   content....
</ion-content>