IONIC - 背景图像未随 apk 一起显示
IONIC - background image not showing with apk
我是我的 html 页面 我有一个带有 class getstart 的离子内容,带有背景图片,放置在 assets/img。
它在网络浏览器中完美运行,但我用 apk 测试应用程序时,背景仍然是白色。
我知道这是一个反复出现的问题,但我找到的所有答案(在此站点和其他站点中)都不适合我。
这是我的scss代码,放在app.scss里面
.getstart{
background: url('../assets/img/venice.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
我试过像'/assets/img/venice.jpg'那样更改che图像url,但没有任何效果。
我真的卡住了:(
提前致谢!
已解决: 愚蠢的错误。我的背景图片是 venice.JPG 而不是 .jpg,所以 apk 无法识别任何图片。我更改了扩展程序的文件,一切正常。
感谢您的帮助!
一切似乎都是正确的,就像您已经尝试过 link "assets/img/venice.jpg".
您是否通过 chrome 检查了您的设备?也许那里的照片不见了。
尝试更改图片的名称。不知道为什么,但这对我有帮助。
一切都很完美,但我认为最好尝试使用它
enter code here background: url(../../assets/imgs/Login.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
我是我的 html 页面 我有一个带有 class getstart 的离子内容,带有背景图片,放置在 assets/img。 它在网络浏览器中完美运行,但我用 apk 测试应用程序时,背景仍然是白色。
我知道这是一个反复出现的问题,但我找到的所有答案(在此站点和其他站点中)都不适合我。
这是我的scss代码,放在app.scss里面
.getstart{
background: url('../assets/img/venice.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
我试过像'/assets/img/venice.jpg'那样更改che图像url,但没有任何效果。
我真的卡住了:( 提前致谢!
已解决: 愚蠢的错误。我的背景图片是 venice.JPG 而不是 .jpg,所以 apk 无法识别任何图片。我更改了扩展程序的文件,一切正常。 感谢您的帮助!
一切似乎都是正确的,就像您已经尝试过 link "assets/img/venice.jpg".
您是否通过 chrome 检查了您的设备?也许那里的照片不见了。 尝试更改图片的名称。不知道为什么,但这对我有帮助。
一切都很完美,但我认为最好尝试使用它
enter code here background: url(../../assets/imgs/Login.png) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;