![](https://img.haomeiwen.com/i5711518/29969374a41e0f34.png)
项目场景
微信小程序,设置background-image直接设置本地图片路径。
问题描述
编辑器正常显示,真机运行不显示
![](https://img.haomeiwen.com/i5711518/e2a1d95262518d2e.png)
![](https://img.haomeiwen.com/i5711518/6f10fa89871b92b5.png)
![](https://img.haomeiwen.com/i5711518/5fc1fa1ac9c3351f.png)
![](https://img.haomeiwen.com/i5711518/56f0ae1255f2e36b.jpg)
原因分析
background-image只能用网络url或者base64图片编码。
解决方案
1、将本地图片转为网络url后设置到background-image上
例如,云开发,后台上传本地图片
2、本地图片转成base64格式后设置到background-image上
3、弃用background-image赋值的方式,改用 image组件标签src属性
总结
感谢大家看完,更多精彩等待下次创作,你最大的支持就是:赞同+评论+赞赏+...,关注我。
另外,也欢迎大家关注我的个人公众号 “聊者说”。
网友评论