假设文件目录结构为如下形式,我们需要在index这个page中引用main_bg.png这个文件
平时我们的做法都是在wxss中或者元素的style中指定background-image: url("/images/main_bg.png")。
但是这种做法在开发工具上可以展示,在真机上却展示不出来,这个应该是个bug。
解决方案如下:
只能在wxml中的style中指定background-image,并且url中最前面的/需要去掉。(在wxss中指定无效,加上'/'也会无效)
但是这个方案在开发工具中无法正常预览,所以大家可以先通过在wxml中指定background-image: url('/images/main_bg.png'),待开发完成要在真机预览时,再把最前面的'/'去掉即可
当然最好是希望微信团队能够早点解决这个小bug
至今还有这个bug
2022年了,这个问题依然存在[捂脸]
也许官方觉得这个不算bug吧。
能通过hack方式解决的事情能叫做bug吗,将就着用吧。
不然还体现不出来小程序开发的技术含量来了。
2023年了,这个bug还在
2022/8/21 日打卡,现在这个bug【解决了】:开发工具也不显示了
2022年了,bug还没修复
2021年11月16日,这个bug仍然存在
只能用base64处理。。。。。
2024-12-11,bug依然存在。
2024-11-20 bug依然存在。。。。。。