轮播

<< Click to Display Table of Contents >>

当前位置:  制作可视化报告 > 辅助组件 

轮播

复制链接

1. 概述

1.1 功能简介

轮播,将不同的 组件/组件的组合 放在同一个容器内,通过定时自动翻页轮播或者鼠标点击翻页来切换容器中显示的内容。

说明:

vividime X-Suite默认不支持轮播,如需使用请联系永洪商务。

1.2 应用场景

如果您想实现多个组件来回切换、自动播放动效,可以使用此功能。

2. 功能说明

2.1 添加轮播组件

从右侧【组件>辅助组件】选择“轮播”,拖入画布即可;

Carousel1

2.2 配置组件

配置组件到轮播组件内,点击右侧【设置>配置组件】,在弹窗内选择要配置的组件即可,参考选项卡配置方式

2.3 设置导航样式

点击右侧【设置>导航样式】,下拉选择导航样式:

Carousel5

2.4 设置箭头样式

点击右侧【设置>箭头样式】,下拉选择箭头样式:

Carousel2

2.5 设置轮播时间

点击右侧【设置>轮播时间】,输入轮播时间,预览可以查看轮播效果,若设置轮播时间为0,表示不轮播。

Carousel3

例如,设置轮播时间为1s,每隔1s自动滚动到下一组件,如下图:

tab7

支持设置填充距离,可以分别设置顶部、底部、左、右边距:

tab7

例如所有边距都设置为0,效果如下图:

Carousel4