如何使用轮播图?


、功能介绍

轮播图可以上传多张图片。在H5中可以进行轮播,提高视觉效果

、功能使用

轮播图组件位于【组件】-【视觉】-【轮播图】,

点击【轮播图】按钮后会在画布内展示轮播图组件。

点击组件可以打开“组件设置”进行编辑

、编辑轮播图组件

成功添加轮播图组件后,在右侧会展示“组件设置”面板。

面板中提供了4种轮播图风格可以进行切换。

下方可以增加或者减少轮播图的数量,并且可以选择对应的轮播图进行编辑。

 点击“裁切图片”可以打开“轮播图裁切”面板。在面板中可以按照裁切比例对图片进行裁切。可以设置图片的切换方式。如果选择自动切换,则可以设置切换间隔时间。点击“更换图片”后打开图片库进行更换。

 在组件设置面板内,可以设置轮播图的切换方式,如果是自动则可以设置切换时间。

 在组件设置面板中可以设置轮播图的样式。

包括标题是否展示、字号、颜色、描述内容是否展示、字号、颜色以及文字、图片的背景颜色和图片的透明度。

最下方可以设置图片的边框、阴影和尺寸。同上方设置


H5 June 30, 2022, 6:30 p.m. 收藏文档