微信小程序 swiper-item中的image 显示空白

微信小程序 swiper-item中的image 显示空白,第1张

4张轮播图,只有返明第一张显示了,后面都没有显示。

排查过程:唤世行

1.打开微信开发者工具,调试面板,没有报错。。

2.看到了4张图片的url。然后复制一下,用浏览器访问,能够正常打开。

3.给image添加,onLoad 和onError,打印event,发现执行的是onload

4.检查url的域名,是否在微信公众后台和哗,开发管理里,添加白名单。添加后仍然空白

5.搜索小程序,官方论坛。。。

https://developers.weixin.qq.com/community/develop/doc/000cc2e472c010893a19117b65bc00?highLine=swiper-item%25E4%25B8%25AD%25E7%259A%2584image%2520%25E6%2598%25BE%25E7%25A4%25BA%25E7%25A9%25BA%25E7%2599%25BD

疑似是同样的问题,把后面的三个swiper-item挤下去了。

找到swiper-item,发现我用了position:relative.去掉之后,就好了。好奇葩的bug。。。

微信小程序开发时开发工具自带的模拟器可以正常显示,但是手机上面体验版查看居然没搏喊有图片,

经过查阅资料发现如下文档导致图片不显燃银神示:

1.本地皮亏图片是用image加载的:src="../../../images/ic_header.jpg"  这样不能显示,应改为:https://........jpg

2.图片的url里面有中文

3.图片的HTTP应为小写的http以及图片的后缀为小写的.png或者.jpg

4.域名未备案

csdn地址: https://blog.csdn.net/HAPPYDAY048/article/details/82189871


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12454952.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存