跳到主要内容

轮播图

配置步骤如下：

1、添加轮播图​

点击“”图标，再点击“轮播图 -> 轮播图”，即可创建新的图像；

图8.21

2、样式配置​

（1）图片类型​

选中该轮播图组件，在操作界面右侧的“类型”处可设置组件的类型；

  • 普通：我们常见的轮播图样式；
  • 立体：立体效果的轮播图；

（2）轮播时间​

选中该轮播图组件，在操作界面右侧的“轮播时间”处可设置组件的轮播时间，如图8.24；

  • 如果你想让图片5秒切换到下一张，将轮播时间设置成“5000”；

图8.24

（3） 轮播方向​

选中该轮播图组件，在操作界面右侧的“轮播方向”处可设置轮播图的轮播方向，如图8.25。

  • 竖向：竖着轮播；
  • 横向：横着轮播；

图8.25

（4）选择器​

选中该轮播图组件，在操作界面右侧的“选择器”处可设置组件底部选择器线的显示与否，如图8.26。

  • 外部：组件底部选择器线显示；
  • 不显示：组件底部选择器线不显示；

图8.26

（5）图片透明度​

选中该轮播图组件，在操作界面右侧的“透明度”处可设置图片透明度，如图8.27。

3、数据格式​

数据格式示例​

[
    {
        "value": "https://t8.baidu.com/it/u=2247852322,986532796&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1591238823&t=577fe66a6f8ade761102f97db9a0c8c7"
    },
    {
        "value": "https://t8.baidu.com/it/u=1484500186,1503043093&fm=79&app=86&size=h300&n=0&g=4n&f=jpeg?sec=1591238823&t=60290375581e54afb2c6557e56077cde"
    }
]