文字组件

时间器

适用场景:

可以实时显示当前时间,精确到秒。适用于需要显示实时时间的页面。

样式设置

时间器显示的是当前时间,可调整时间格式,显示年月日时分秒,以及星期。

时间器的样式设置包括 时间格式,文本样式,图表位置,图表尺寸。

时间格式

时间格式包括 日期格式 和 星期格式。点击下拉框可进行选择。

文本样式

字体:支持微软雅黑、宋体、黑体、隶书、幼圆、楷体和系统默认字体;

字号:可输入字号调整;

字体粗细:字体的粗细,有正常、细体、粗体、更粗四个选项;

字体颜色:字体的颜色,鼠标悬停后出现颜色选择框,选择颜色即可,如下图:

目前颜色选择支持设置色值以及透明度,如上图所示,红框①处拖动可调整色值,红框②处拖动可调整透明度。

数据设置

该组件暂无数据设置。

普通文字

适用场景:

文字组件比较灵活,功能强大。可在页面中插入简短文字,也可以通过超链接配置或链接实现页面跳转等交互。

样式设置

普通文字的样式设置包括 文本样式,超链接设置,使用render,图表位置,图表尺寸。

文本样式

字体:支持微软雅黑、宋体、黑体、隶书、幼圆、楷体和系统默认字体;

字号:可输入字号调整;

字体粗细:字体的粗细,有正常、细体、粗体、更粗四个选项;

字体颜色:字体的颜色,鼠标悬停后出现颜色选择框,选择颜色即可,如下图:

目前颜色选择支持设置色值以及透明度,如上图所示,红框①处拖动可调整色值,红框②处拖动可调整透明度。

对齐方式:文字的对齐方式,有居左、居中、居右三个选项;

超链接配置

勾选在新窗口打开,则配置的超链接会在浏览器的新标签页打开。不勾选,则配置的超链接会在当前页面刷新。

数据设置

数据字段

text:文本内容,必填

url:当前文本的超链接,可不填

在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。

目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。

当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。

当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。

[
    {
        "text":"我是文字",
        "url":""
    }
]

数字翻牌器

适用场景:

可以实时更新展示当前数据,在一些短时间内可以看到数据量大幅度攀升的场景下尤其适用,朴实直白的展示数据的急剧攀升情况,给人较深触动。

样式设置

数字翻牌器的样式设置包括组件风格、文本设置、动画设置、图表位置,图表尺寸。

组件风格

主题样式:纯色、立体、边框,并可设置主题颜色;

文本设置

文本设置包括数字设置,前缀设置和后缀设置。

数字设置

数字设置可以设置数字的文本样式,默认位数,小数保留以及数字间隔。

前缀设置和后缀设置分别对前缀和后缀的文本和内容进行设置。

动画设置

动画设置包括动画间隔、动画时长、始终动画 三个设置。

动画间隔:每隔多久出现一次动画效果;

动画时长:一次动画效果滚动多长时间;

始终动画:勾选后,无论数据是否变动,均按照设置的动画间隔和动画时长进行变化。不勾选时,只有数据有变化时才出现动画滚动效果。

前缀设置

静态前缀设置包含前缀内容设置及样式设置,内容类型可以为文字或图片,内容不填则不显示。

动态前缀设置可以设置该前缀内容生效的数据范围,内容类型可以为文字或图片,内容不填则不显示。

后缀设置

静态后缀设置包含前缀内容设置及样式设置,内容类型可以为文字或图片,内容不填则不显示。

动态后缀设置可以设置该前缀内容生效的数据范围,内容类型可以为文字或图片,内容不填则不显示。

数据设置

数据字段

数据字段需要输入value值,value值为数字翻牌器数字停止跳动时所显示的数值。

在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。

目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。

当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。

当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。

[{"number":"2019618"}]

跑马灯

适用场景:

在页面中插入滚动播放效果的文字,可用于展示公告通知栏。

样式设置

跑马灯的样式设置包括 文本样式,动画设置,图表位置,图表尺寸。

文本样式

字体:支持微软雅黑、宋体、黑体、隶书、幼圆、楷体和系统默认字体;

字号:可输入字号调整;

字体粗细:字体的粗细,有正常、细体、粗体、更粗四个选项;

字体颜色:字体的颜色,鼠标悬停后出现颜色选择框,选择颜色即可,如下图:

目前颜色选择支持设置色值以及透明度,如上图所示,红框①处拖动可调整色值,红框②处拖动可调整透明度。

动画设置

动画时长:可以设置整个动画滚动播放一次的时长

停留时间:文字播放完成后静止展示的时间

是否轮播:勾选则开启轮播,不勾选则静止展示

数据设置

数据字段

text:文本内容,必填

在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。

目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。

当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。

当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。

[
    {
        "text":"组件效果展示"
    }
]

指标趋势

组件说明

指标趋势组件是以标题、图标、数值的形式展现指标趋势变化关系的组件。

组件由样式、数据、交互三部分配置组成。

样式设置

图表位置包括组件的横坐标纵坐标,单位为px;横坐标为组件左上角距离页面左边界的像素距离,纵坐标为组件左上角距离页面上边界的像素距离。

图表尺寸包括组件的宽度高度,单位为px;可单击比例锁锁定组件宽高比,等比例调整组件的宽高,比例锁默认不锁定。

旋转角度包括组件的宣传角度,单位为deg。可以针对指标卡进行标题、图表、数值和背景分别进行设置。

113021

**指标样式:**提供默认6种布局方式模板,点击“+”可以选择布局方式,点击不同的样式缩略图可以切换样式。

113022

标题设置:可以设置指标趋势标题显示与否,字体、字重、字号和颜色。

113023

图标设置:可以选择图标样式,共提供5种可选择,每种样式包含上升、持平、下降3组图标。点击添加可以选择切换样式。

113024

图标大小,默认返回模板中图标的大小,单位为px,支持修改大小。

根据指标趋势的状态分为上升、持平、下降,可分别设置三种趋势的颜色。

同步数值颜色,打开开关,开启图标颜色与数值文字颜色同步;关闭开关,颜色不同步。

113025

数值设置:用来配置数值和后缀的显示与否,字体、字重、字号和颜色。

113026

背景设置:可以配置指标趋势的背景。可选择颜色背景和图片背景。

颜色背景支持三段色值渐变,可设置水平方向和垂直方向。

图片背景支持上传图片或填写图片链接。

可以设置背景边框、边框粗细和边框圆角。

113027

基础值:以此数值作为基础,来设置图标走势,默认以'0'为基础值(优先使用数据中的基础值)。

当数值低于基础值,则指标趋势为下降,当数值等于基础值,则指标趋势为持平,当数值高于基础值,则指标趋势为上升。

数据设置

字段说明

113028

当数值低于基础值,则指标趋势为下降,当数值等于基础值,则指标趋势为持平,当数值高于基础值,则指标趋势为上升。

以数据中的基础值优先,若数据中无数据字段,则取样式中的基础值。

113029

交互设置

可设置组件的点击响应事件、局部事件和数据事件。

113030

最后更新时间: 11/30/2021, 9:01:48 PM