微信小程序 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。。。

再加旁禅上

-webkit-backface-visibility: hidden

-webkit-transform: translate3d(0, 0, 0)

亲尘宴测有运兄尘效

报错是因差渣为洞庆衡使用了swiper组件,但组件生成以后数据还没获取到。

在swiper使用wx:for=" xxx",   判纳做断一下当xxx存在时再渲染就ok 了


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存