本文记录了微信小程序开发中遇到的首页轮播图显示问题。使用<swiper>组件时，图片加载但未显示。通过检查代码和样式，发现将<image>标签的宽度和高度设为auto导致问题，正确做法是让<image>继承父级容器的宽高，从而解决了问题。
初入坑微信小程序开发，稍稍记录下开发过程中遇到的问题。
想做个首页轮播图，用到了<swiper>标签，结果图片一直加载不出来。
代码如下：
刚开始以为是图片路径错误，没能加载到图片。然后写了binderror和bindload方法测试。结果没报错，而是图片成功加载到了，但没显示出来。说明并非图片路径问题。
后来一直找原因，找啊找啊，终于找到样式上了。
注意看，我对<image>标签的宽和高都是设置为auto的，之所以一开始如此设置，是因为我觉得，class=slide-swiper的标签宽和高都设置了，那<image>就auto好了。
氮素，这样是不可以的。
正确的写法应该是：
最低0.47元/天 解锁文章
扫一扫
769
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
