图片发自简书App
微信小程序中<swiper>组件可以实现图片轮播，非常之方便。
wxml代码
效果图
其中interval属性是图片轮播时间，duration属性是图片切换效果的时间
除此之外，swiper还能实现顶部导航栏效果，也就是页面轮播，当然要实现导航栏效果就没必要设置轮播啦，手动点击切换页面或者滑动切换页面均可。
导航栏页面轮播代码
效果图
那么问题来了，<swiper>的高度要怎么设置才能满足我们的需求呢，如果不设置的话，<swiper>的高度默认为页面的大概三分之一，也就是图片轮播的效果
不设置页面高度
设置height为100%呢，他只显示手机页面的高度，如果内容超过这个高度就显示不了了
最下面一个只显示到一半
解决办法就是
将你所需显示的内容全部放到一个<view>里面，通过后台去获取这个<view>的高度，然后再将页面高度设置为获取到的高度就可以啦。
图片发自简书App
其中.noPay为这个<view>的class名。
以上内容为个人见解，如有误导，请与本人联系，谢谢，与你一起成长。
