跳至主要內容

轮播图

2025年1月14日大约 3 分钟

轮播图

属性

基础

  • 组件标题: 用于在图层和节点编程中显示组件的名称。修改后在图层和节点编程中搜索组件时按照新标题进行搜索。1.1+

  • 组件尺寸: 组件的宽度和高度,单位为px

    • 锁定纵横比::单击切换是否锁定纵横比,锁定时调整组件尺寸保持其宽度与高度的比例不变。 2024.3+
  • 组件位置: 组件在大屏中的位置,包括组件的横坐标和纵坐标,单位为px。横坐标为组件左上角距离页面左边界的像素距离,纵坐标为组件左上角距离页面上边界的像素距离。

  • 隐藏时解析: 默认组件设置隐藏后组件不解析,组件配置的数据资源及交互事件,节点编程事件都不会执行。当开启隐藏时解析时,上述功能将执行。

    提示

    隐藏时解析常用于页面中不需要展示组件但要获取相关数据。

  • 显示分页器: 设置是否显示分页器。

  • 圆点颜色: 设置分页器圆点的颜色。

  • 当前颜色: 设置分页器当前页的颜色。

动画

  • 停顿(ms): 设置每张图片的停顿时间。停顿时间值越大,每张图片显示的时间越长;值越小,每张图片显示的时间越短。

  • 速度(ms): 设置图片切换的播放速度。速度值越大,图片切换的速度越慢;值越小,图片切换的速度越快。

  • 方向: 设置动画的播放方向。

    • 水平 图片在水平方向上切换。

    • 垂直 图片在垂直方向上切换。

  • 特效: 设置动画的播放特效。

    • 位移 图片以位移的方式切换。

    • 方块 图片以方块动画的方式切换。

    • 3d 流 图片以 3D 流的方式切换。

    • 翻转 图片以翻转的方式切换。

描述

  • 显示描述: 是否显示图片描述。

  • 长度: 设置描述的长度。

  • 高度: 设置描述的高度。

  • 上边距: 设置描述距上边框的距离。

  • 左边距: 设置描述距左边框的距离。

  • 对齐: 设置描述对齐方式,可选

  • 文本样式: 描述的文本样式基础设置。

    • 字体颜色: 设置描述文本的颜色。

    • 字体大小: 设置描述文本的大小。

    • 字体粗细: 设置描述文本的粗细,可选 普通加粗更细

    • 字体: 设置描述文本的字体格式,可选系统内置字体和自定义字体。

  • 背景样式

    • 颜色样式: 设置背景的颜色样式。

      • 单色 背景为单一颜色。

      • 渐变 背景为渐变颜色。

    • 颜色: 设置背景的颜色。

图片配置

  • 填充方式: 设置图片在容器中的填充方式。

    • 拉伸充满容器 图片拉伸以充满整个容器,可能会变形。

    • 水平充满容器 图片水平拉伸以充满容器的宽度,高度按比例缩放。

    • 垂直充满容器 图片垂直拉伸以充满容器的高度,宽度按比例缩放

  • 文字描述: 设置图片的描述内容。

  • 图片设置

    • 图片选择: 可以选择素材库中的图片

    • 图片地址: 可以是 http:// 或者 https:// 开头的外网的地址,也可以是项目本地的图片路径,例如./static/template/TJ1/material/bg.png

  • 链接类型: 设置超链接类型,可选 大屏外链

  • 链接大屏/地址:链接类型 选择大屏时可选择当前空间已发布的大屏,选择外链时输入需要打开的外链,支持{var_变量名}动态变量;超链接的格式为浏览器所支持的所有格式。4.2+

  • 打开方式: 设置打开超链接的方式,可选 新窗口当前窗口

  • 加载动效: 设置跳转时是否启用加载动效。

节点编程

事件

  • 点击页: 点击时触发事件。
上次编辑于: 2025/2/26 17:19:07
贡献者: xuch