You need to enable JavaScript to run this app.
最新活动
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们
导航

数字大屏-默认组件&内容组件

最近更新时间2023.09.20 20:06:06

首次发布时间2022.07.01 19:58:33

1. 概述

数据大屏支持用户添加默认组件和内容组件。默认组件和内容组件是丰富大屏的纯展现类元素,不可绑定数据。其中默认组件包含文本、矩形、图表等基本组件;内容组件包含标题框、背景框等装饰性元素。

2. 快速入门

(1)进入到大屏编辑区,从右侧组件区选择默认/内容组件;
(2)选择目标组件点击选择到画布区域,此处以标题为例;
(3)之后可以在画布中拖拽移动组件位置;

(4)在样式处修改字体颜色或字体位置是否加粗等属性。

3. 组件介绍

3.1 默认组件

功能名称使用说明样式配置

标题、文本

用来在大屏中放置文字说明的组件。

可以对文本的字体、粗细、文字大小、文本颜色、文本间距、文本相对该组件外部矩形框位置(左中右、上中下)进行调整。

矩形、圆

用来丰富大屏内容。

  • 可以调整形状的背景颜色或者使用背景图。
  • 可以变更边框颜色、描边粗细、圆角(仅矩形)、虚线描边和变化。

图片、视频

放置已经制作好的图片或视频。

  • 图片点击即可上传本地图片。
  • 视频需要选择上传后的在线视频。

网页、热区

  • 网页是第三方嵌入方式将内容嵌入在大屏中。

  • 热区则可以在任意组件上放上蒙布,预览状态不显示,但所在区域点击即可跳转到目标地址。

样式区都是直接填写URL。

日期时间、日期、时间、星期

显示当前时间的组件,只是现实内容会有差异。

  • 在样式上可以对文字的字体、粗细、文字大小、文本颜色、文本间距、文本相对该组件外部矩形框位置(左中右、上中下)进行调整。
  • 可以对显示时间的分隔符、格式做调整。

重复器

  • 重复器是一个复杂交互面板,点击之后有一个矩形区域,需要将组件双击,进入一个新面板之后使用。

  • 进入面板之后可以设置新面板中需要重复的内容,内容可以是任何组件。

  • 之后在外面重复器设置样式属性。

  • 注意:重复器是有数据设置的,需要搭配事件属性使用,详细使用方法和能实现的效果见事件交互

  • 在样式上,可以设置布局的重复方向是行还是列,是否超出折行,以及行内个数。

  • 可以设置是否分页显示。
  • 可以设置是否多页自动轮播以及自动轮播时长(预览生效)。

轮播器

  • 轮播器是一个复杂交互面板,点击之后有一个矩形区域,需要将组件双击,进入一个新面板之后使用。

  • 在新面板中可以点击轮播器后的下拉列表切换不同页面,在不同页面中可以设置不同组件内容。

  • 预览时候有重复播放效果。

  • 轮播方式可以切换不同效果,也可以设置自动播放时长。
  • 可以设置是否有指示点,去做不同页面之间的切换。
    • 可以设置指示点的尺寸、间距。
    • 当前节点与其他节点的填充颜色、描边尺寸以及描边大小。

标签页

  • 标签页是一个复杂交互面板,点击之后有一个矩形区域,需要将组件双击,进入一个新面板之后使用。

  • 在新面板中可以点击tab后的下拉列表切换不同页面,在不同页面中可以设置不同组件内容。

  • 预览时候可以切换tab内容。

  • 标签上可以设置是否自动轮播与轮播时间,勾选会自动播放不同tab之间的内容,否则需要手动点击才会更改不同tab内容。
  • tab头部可以选择是否显示。
    • 建议选择不显示tab头部的时候,开启上述的自动轮播。
  • 勾选tab头部选项之后,可以调整Tab头部高度,选中/未选中tab块的背景色,选中/未选中文本的字体、粗细、文字大小、文本颜色、文本相对位置(左中右、上中下)进行调整。

下拉选择器

下拉选择器支持用户从多个选项中选择一项或几项;仅支持用户在下拉选项中选择和搜索系统提供的选项,不支持输入。用户可以在底部查询窗口中选择字段进行配置。
alt

  • 在样式上可以对选中值和弹出菜单文字的字体、粗细、文字大小、文本颜色、文本间距、文本相对该组件外部矩形框位置(左中右、上中下)进行调整。
  • 可以对选项框和弹出菜单框的颜色、位置等进行配置。
    alt

树状下拉选择器

  • 树状下拉选择器支持多层级字段的选择,让用户能够逐级选择数据,从而实现多个层级的树状下拉效果。

    alt

  • 用户可以在底部查询窗口中选择字段进行配置。

alt

  • 在样式上可以对选中值和弹出菜单文字的字体、粗细、文字大小、文本颜色、文本间距、文本相对该组件外部矩形框位置(左中右、上中下)进行调整。
  • 可以对选项框和弹出菜单框的颜色、位置等进行配置。
    alt

日期选择器

  • 日期选择器支持多层级字段的选择,让用户能够逐级选择数据,从而实现多个层级的树状下拉效果。

    alt

  • 用户可以在底部查询窗口中选择字段进行配置。

alt

  • 可以对日期文本框的字体、粗细、文字大小、文字位置以及日期文字和提示信息的颜色进行调整。
  • 可以对日期选项框的字体、粗细、文字大小、文本颜色、文本间距、文本相对该组件外部矩形框位置(左中右、上中下)进行调整。
  • 可以对默认日期和不可用日期的字体、粗细、文字大小和文字颜色进行配置。
  • 可以对选中日期的字体、粗细、文字大小、文字颜色等进行配置。
  • 可以对预览日期和日期菜单的颜色进行配置。
    alt

3.2 内容组件

功能名称使用说明样式

图标

放置一些图标icon可以丰富大屏的展示。

  • 点击图标,该组件即可在画布中呈现出来。

  • 图标:点击即可选较多图标样式。
  • 配色:可以对图标更换配色。

装饰线

大屏中经常需要一些装饰线来丰富呈现效果,可以点击图标即可选择装饰线。

样式上可以直接选择不同装饰线效果。

标题背景

在大屏顶部大标题栏,需要一些酷炫效果来辅助呈现,点击之后调整位置大小即可。

样式上可以选择不同内置标题背景。

边框

为丰富图标组件的呈现,会默认加一些边框,点击边框组件即可使用。

样式上内置多种边框样式可用。