APPCUBE-轮播

时间：2023-11-01 16:19:13

APPCUBE

轮播

轮播组件，支持多种轮播方式，实现页面广告栏。

在设计页面左上方单击，从“媒体”中拖出轮播组件至设计页面右侧空白处。在页面中，单击选中该组件，会在右侧显示该组件的属性配置面板。

图1 轮播属性页面

表1 轮播属性说明
页签	区域	参数名	说明
属性	图片源设置	使用连接器	图片来源是否取自OBS连接器。勾选表示取自OBS连接器，当连接器中图片过多时，可能会导致读取图片缓慢；且打包该页面时，由于图片地址为绝对地址，打包安装后，图片地址不可用，需要重新上传图片并进行配置。不勾选表示图片来源取自平台接口。选择图片后实际存储的是图片id，页面随应用打包时会将图片一起打包，在新环境安装后无需重新上传配置。默认不勾选。
	连接器设置	选择连接器	有存储功能的OBS类型连接器。展开“连接器设置”后才可显示该参数。
	连接器设置	选择桶	该连接器的存储桶。展开“连接器设置”后才可显示该参数。

OBS连接器配置完成后您才可以进行图片的查询、上传等操作，支持配置多种轮播方式，连接器配置方法请参考对接OBS云对象存储实例。

选择轮播组件，单击鼠标右键选择“高级设置”，选择“轮播配置”，可进行轮播配置。

图2 轮播配置界面

表2 轮播配置参数说明
参数名	说明
切换方向	广告图片的轮播切换样式，有以下几种：横向滚动切换。右下角滚动切换。纵向滚动切换。
加载自动播放	是否自动轮播。
图片之间间隔多长时间？（不大于24秒）	当“加载自动播放”开关打开时，您需要配置单张图片的播放时长。不能超过24秒。
切换方式	图片切换时展示样式配置。
定位标志	分页图标样式配置。