应用/搭建用户界面/小程序端组件/轮播
轮播
更新于: 2026-06-24 15:44:40
轮播组件用于在有限空间内循环展示一系列图片。
轮播组件支持丰富的属性设置,例如常用设置、位置设置、尺寸设置、样式设置、变换设置、状态设置和可见性设置。
|
属性 |
说明 |
|---|---|
|
选项内容 |
配置轮播组件的显示内容,可以本地上传也可以通过工作流动态绑定数据,详情请参见设置组件内容参数。 |
|
图片列表 |
配置轮播组件要展示的图片。本地上传时,支持上传 |
|
绑定数组 |
支持绑定工作流,以动态获取数据作为轮播组件的显示图片。
仅选项内容配置为动态内容时,才支持此配置项。 |
|
图片 |
绑定数组中的图片字段,例如设置数据绑定为 |
|
自动轮播 |
配置轮播组件是否自动轮播图片,默认开启自动轮播。 |
轮播组件提供三种位置类型选项,以灵活配置组件在界面中的位置。
|
属性 |
说明 |
|---|---|
|
宽度 |
配置轮播组件的宽度值,支持以下宽度设置方式:
|
|
高度 |
配置轮播组件的高度值,支持以下高度设置方式:
|
|
尺寸限制 |
配置轮播组件的尺寸限制,支持配置最大高度、最小高度、最大宽度、最小宽度。 |
|
属性 |
说明 |
|---|---|
|
填充 |
配置轮播组件背景的显示颜色。 |
|
圆角 |
配置轮播组件背景的圆角,支持单独设置四个角的圆角。 |
|
内边距 |
配置轮播组件背景的内边距,可以单独设置四个方向的内边距。 |
|
外边距 |
配置轮播组件背景的外边距,可以单独设置四个方向的外边距。 |
|
边框 |
配置轮播组件背景的边框样式。支持如下设置方式:
|
|
阴影 |
配置轮播组件背景的阴影样式,增强组件的立体感。支持如下设置方式:
|
|
图层模糊 |
配置轮播组件的模糊效果。数值越大,模糊效果越明显。 |
丰富界面视觉效果的参数。
|
属性 |
说明 |
|---|---|
|
缩放 |
配置轮播组件大小的缩放比例。 |
|
旋转 |
配置轮播组件围绕中心点旋转的角度。 |
|
位移 |
配置轮播组件在水平和垂直方向上的移动距离。 |
|
倾斜 |
配置轮播组件在水平和垂直方向上的倾斜角度。 |
控制轮播组件出现态的视觉效果参数。
|
属性 |
说明 |
|---|---|
|
出场效果 |
设置轮播组件在界面中出现时的动画效果。目前支持设置为淡入、缩放、模糊、水平翻转、垂直翻转、从下滑入、从上滑入、从左滑入、从右滑入等动画效果。 |
控制轮播组件隐藏或显示的参数,支持在特定条件下隐藏轮播组件。
Input1,当你将轮播组件的可见性设置为{{ Input1.value}}后,在单行输入组件中输入文本时,{{ Input1.value}}值为 true,轮播组件将被隐藏。通过配置轮播组件的事件,可以为轮播组件添加丰富的交互功能,例如点击、加载等,以增强用户体验和界面的互动性。
|
事件项 |
说明 |
|---|---|
|
事件类型 |
图片切换时:当轮播组件中的图片切换时触发执行事件。 |
|
组件方法 |
支持以下方法:
|