<返回
来源:使用教程
2017-10-13 02:10:57
阅读量:5892
轮播组件主要用来动态展示多张图片,可以设置组件样式,设置每张图片的页面跳转功能和调用功能;
二、“轮播组件”的设置入口
登入平台账号,进入到“小程序模板”页面,选择“空白模板”制作或选中某个模板,点击开始制作,设置下项目封面和标题,进入到小程序编辑页面,将左侧“页面组件”中的“轮播”组件拖到新页面中;
三、“轮播组件”的数据绑定
1.点击编辑页面右侧的管理轮播分组,进入管理后台进行分组以及图片添加
2.进入到后台管理页面,首先添加轮播图片的分组,点击“添加分组”进行添加;然后分别在每个分组上添加图片,添加完图片后可对图片进行修改和删除;比如:我们添加了两个分组,分别是服装和美食,然后分别在每个分组上添加对应的图片;
3.添加图片的时候,可对改图片进行页面跳转和调用功能设置,“页面跳转”可设置跳转到其它页面,“调用功能”可选择“拨打电话”、“刷新页面”、“电商商品绑定”等等;
4.添加完图片并设置好功能后,点击“编辑”回到编辑页面,绑定轮播组件的分组;
5.轮播的组件样式
自动播放:设置是否让轮播图自动播放。
播放间隔:设置每个图片在页面的停留时间(秒)。
尺寸:设置轮播图在本组件的尺寸大小。
间距:设置本组件与其他组件之间的间距。
位置:设置轮播图片在本组件的位置。
透明度:设置轮播图片在本组件的透明程度。
轮播组件——小程序组件各工具使用说明



一、轮播组件的用途
轮播组件主要用来动态展示多张图片,可以设置组件样式,设置每张图片的页面跳转功能和调用功能;
二、“轮播组件”的设置入口
登入平台账号,进入到“小程序模板”页面,选择“空白模板”制作或选中某个模板,点击开始制作,设置下项目封面和标题,进入到小程序编辑页面,将左侧“页面组件”中的“轮播”组件拖到新页面中;

三、“轮播组件”的数据绑定
1.点击编辑页面右侧的管理轮播分组,进入管理后台进行分组以及图片添加

2.进入到后台管理页面,首先添加轮播图片的分组,点击“添加分组”进行添加;然后分别在每个分组上添加图片,添加完图片后可对图片进行修改和删除;比如:我们添加了两个分组,分别是服装和美食,然后分别在每个分组上添加对应的图片;

3.添加图片的时候,可对改图片进行页面跳转和调用功能设置,“页面跳转”可设置跳转到其它页面,“调用功能”可选择“拨打电话”、“刷新页面”、“电商商品绑定”等等;

4.添加完图片并设置好功能后,点击“编辑”回到编辑页面,绑定轮播组件的分组;

5.轮播的组件样式

自动播放:设置是否让轮播图自动播放。
播放间隔:设置每个图片在页面的停留时间(秒)。
尺寸:设置轮播图在本组件的尺寸大小。
间距:设置本组件与其他组件之间的间距。
位置:设置轮播图片在本组件的位置。
透明度:设置轮播图片在本组件的透明程度。
