网页组件-图片轮播

概述

图片轮播是网页组件的一种。
该组件在编辑器中的位置如下图所示:
Application

添加方式

从组件工具栏将图片轮播组件拖拽到编辑器面板。
Application

属性配置

屏幕大小:包括组件的宽度和高度,单位为像素。

  • 可以输入数值自定义大小。
  • 也可以通过拖拽的方式改变组件的宽高。

Application
Application
对称:可对组件进行上下、左右对称翻转。
单击左右翻转( Application )图标,控制组件左右翻转样式。
单击上下翻转( Application )图标,控制组件上下翻转样式。
Application
填充方式:图片填充方式包括拉伸、填充、覆盖、居中。
Application
边框:可设置组件的边框类型,包括实线、虚线、无边框。
手动输入数值或点击( Application )按键,改变边框粗细。
Application
边框颜色:组件边框的颜色。

  • 在颜色调色板中选择颜色和透明度。
  • 手动输入RGB、HSL、Hex数值,改变颜色。

Application
透明度:组件的透明度。取值范围为0~100%。为0时,组件隐藏;为100%时,组件全部显示。默认为100%。拉拽或输入数值可改变其透明度。
Application
链接地址:可以给组件链接网页地址,在点击组件时跳转到相应网页。
Application
页面列表:可以设置点击跳转的页面,通过点击组件进行页面切换
Application
轮播速度:图片轮播切换速度,有5种速度选择。
Application
配置选项:当前有左右移动、图层导航两种选项,可以通过勾选,选择显示或隐藏。
Application
背景阴影:勾选显示组件的背景阴影,取消勾选则无阴影。
Application
阴影:设置阴影的颜色。

  • 在颜色调色板中选择颜色和透明度。
  • 手动输入RGB、HSL、Hex数值,改变颜色。

Application
添加图片:点击( Application )可以添加图片。将已上传素材库中的图片拖拽到此处即可。
Application

数据源连接

此组件不需要配置数据。