微信小程序之首页轮播图片自适应高度

目录

一、GitHub 源码下载链接

二、代码解析

三、福利:视频资源分享

四、同类文章推荐:


注意!!!轮播的图片需要同一个尺寸大小(或者尺寸相近)!!!

注意!!!轮播的图片需要同一个尺寸大小(或者尺寸相近)!!!

注意!!!轮播的图片需要同一个尺寸大小(或者尺寸相近)!!!

一、GitHub 源码下载链接

https://github.com/yyzheng1729/wx_sowingMap.git

二、代码解析

1.wxml 文件

微信小程序之首页轮播图片自适应高度_第1张图片

2. js 文件中的数据绑定

微信小程序之首页轮播图片自适应高度_第2张图片

3. setContainerHeight 函数的实现(代码上有解释,就不多说了)

微信小程序之首页轮播图片自适应高度_第3张图片

4.别忘了 wxss 里面的样式哦。少了这个样式,显示不了的。

微信小程序之首页轮播图片自适应高度_第4张图片

5.关于微信小程序 swiper 标签的一些属性设置,请查看官方的文档

https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html

三、福利:视频资源分享

需要以下微信小程序项目教学视频的,可以关注下面的公众号,回复“小程序”即可获取百度云分享链接!如果失效的话,可以在公众号上面私信我。

更多小程序干货可关注博主的公众号: 

微信小程序之首页轮播图片自适应高度_第5张图片

四、同类文章推荐:

微信小程序之侧边栏滑动实现(附完整源码)             

微信小程序之下拉列表实现(附完整源码)           

你可能感兴趣的:(微信小程序)