微信小程序中图片无法显示的解决办法

why 3970 2024-07-15

微信小程序图片无法显示怎么办?

微信小程序图片无法显示怎么办?

解决微信小程序图片无法显示的办法:

新建一个测试小程序

按照提示的操作就可以了,没有 appid选择体验的即可

1.没有appid无法预览

image.png

2.给标签元素设置背景图片

但是并没有显示背景图片,只显示了设置的背景颜色。

image.png

3.是否是图片的路径错误呢?我们通过image标签查验一下 

可以看到图片正常显示了

image.png

4.上述说明我们图片路径引入并没有错误 ,查看控制台,背景图片已经报错了

image.png

5.上诉错误提示我们了解到

本地资源无法通过 WXSS 获取

background-image:可以使用网络图片,或者 base64,或者使用标签

我们验证一下确实得到了预期的效果

image.png

6.还有一点,报错信息中说wxss无法获取本地资源,那么我们用行内样式查看是否可以,删除wxss中的背景。

通过测试我们得到了想要的结果。

image.png


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:微信小程序重要知识点全面总结
下一篇:小程序中在页面传递对象数组的有效方式
相关文章

 发表评论

暂时没有评论,来抢沙发吧~