小程序轮播图高度适配

小程序轮播图适配

在开发小程序轮播图时，我遇到一下问题：小程序轮播图的导航栏总是不能放在正确的位置上，思考再三，我发现问题的原因是：当我们设置image的mode="widthFix"时，会宽度不变，高度自动变化，保持原图宽高比不变，这就导致了轮播图的高度于图片不匹配。

解决方法：既然图片的高度会自适应变化，那我们也可以根据图片的高度，来设置轮播图的高度，当然你可以直接把高度写死，但是这样没用通用型。

翻阅小程序官方文档可知，加载图片时有bindload生命周期:

bindload	eventhandle		否	当图片载入完毕时触发，event.detail = {height, width}

他能传回图片的宽高，我们对它节流之后，把得到的高复制给轮播图的高度即可