现在开始正式实现授权界面了,以前的知识和现在的知识一起融汇起来,就可以编写出出色的小程序了,一切熟练之后,都会变得简单而有趣,而在这之前,你需要做的就是坚持
一.前言
上一篇文章我们学会了用小程序的swiper组件编写轮播图,但是实际上是通过调整图片的宽高来确保轮播图大小合适,实际开发中,我们一般是设置宽度为100%,高度轮播图会自适应,但是在小程序中,轮播图不会自适应高度,为了让轮播图自适应高度,在这里要给图片添加监听函数
二.小程序轮播图自适应高度
image.png
image.png
image.png
bindload事件会将图像的信息传递给回调函数
回调函数通过e.detail拿到图片的相关信息,我们这里取顶图片的宽高比,以及屏幕的宽度,就可以确定图片的高度
但是这样还不行.必须给图片添加mode="widthFix"属性,才能确保高度自适应
