AIPage教学课程

新手入门必看,教您快速学会如何使用AIPage搭建站点

小程序轮播图设计

小程序有两种轮播,轮播图集和轮播容器,轮播图集是纯图片轮播,可以快速实现简单的图片轮播。轮播容器则是支持轮播的容器,里面可以放入其他元素,例如文本、图片、按钮等。


1 轮播图集

拖拽轮播图集到页面中,设置每一帧的背景图即可,帧数可以进行增减。每帧图片可以设置单独的点击交互。



轮播图集本身也支持样式设置,例如添加间距和圆角



除了静态图片,轮播图集也可以绑定动态数据,例如轮播图集所在流式容器设置绑定详情数据源,然后图集里开启使用动态数据,绑定产品图组即可以使用轮播图集来绑定后台产品轮播图集数据。如果放在产品详情页里,则需要流式容器开启绑定页面数据源。




2 轮播容器

轮播容器与图集不同,拖入到页面中的轮播每一帧是容器,里面可以任意放置其他支持拖入的元素,例如拖拽空白元素和文字简单设置则实现了基本的图文效果