IONIC3图片路径

发布于 2022-09-05 04:18:12 字数 364 浏览 11 评论 0

IONIC3开发,页面背景图片路径设置;
在SASS中 background-image: url('../../assets/image/cloud.png');
在WEB调试的时候才能展示对于的图片,而当编译成APP时候却找不到对应的图片,
而当在SASS中 background-image: url('assets/image/cloud.png');这样写,
只能在App中显示,不能在HTML中显示,
只有在html中 style="background-image: url('assets/image/cloud.png')";
才能解决既可以在游览器中访问到也能够在打包后的App中显示图片;
有没有什么办法能够在sass中书写就能解决掉这个路径问题吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

剑心龙吟 2022-09-12 04:18:12

假如你的文件夹目录是

src
-- app
-- assets
-- components

这样的话,可以试下: background: url("../assets/images/cloud.png");

三五鸿雁 2022-09-12 04:18:12

并不是因为最终都编译到一个文件里面,而是因为路径是从 index.html 中执行出来的。

零度° 2022-09-12 04:18:12

在scss中这样写background: url("..../../../assets/images/cloud.png");浏览器和调试打包以及正式打包都可以显示背景图片

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文