# 数字卡片
# 属性
# 基础
组件标题: 用于在图层中显示组件的名称。1.1+
组件尺寸: 组件的宽度和高度,单位为
px
。组件位置: 组件在大屏中的位置,通过横纵坐标来定义,单位为
px
。旋转角度: 组件在图层中的旋转角度。
透明度: 组件的透明度。
排列方式: 卡片中标题和翻牌器的排列方式。
- 垂直
- 水平
- 反转
对齐方式: 卡片中标题和翻牌器的对齐方式。
- 起始
- 居中
- 结束
间距: 卡片中标题与翻牌器的间距大小。
# 标题
对齐边距: 卡片中标题距左边框的距离。
字体颜色: 标题的字体颜色。
字体大小: 标题的字体大小。
字体粗细: 标题的字体粗细。
字体: 标题的字体格式。
# 翻牌器
对齐边距: 卡片中翻牌器距左边框的距离。
数字
外间隔: 翻牌器数字的外间隔。
内间隔: 翻牌器数字的内间隔。
千分位分隔符: 是否显示千分位分隔符。
四舍五入: 是否四舍五入。
小数位数: 显示几个小数位。
始终动画: 是否始终显示动画。
动画时间(ms): 动画的持续时间。
分隔符背景: 是否显示分隔符背景。
背景色: 背景色的颜色。
背景圆角: 背景的圆角大小。
特殊数字: 选择特殊数字。
- 默认
- 数字字体一
- 数字字体二
字体颜色: 翻牌器数字的颜色。
字体大小: 翻牌器数字的大小。
字体粗细: 翻牌器数字的粗细。
字体: 翻牌器数字的格式。
图片设置
- 图片选择
- 图片地址
前缀: 翻牌器前缀的设置。
内容: 前缀的内容。
间距: 前缀与数字的间距。
距下边距: 前缀距下边距的距离。
字体颜色: 前缀的字体颜色。
字体大小: 前缀的字体大小。
字体粗细: 前缀的字体粗细。
字体: 前缀的字体格式。
后缀: 翻牌器后缀的设置。
内容: 后缀的内容。
间距: 后缀与数字的间距。
距下边距: 后缀距下边距的距离。
字体颜色: 后缀的字体颜色。
字体大小: 后缀的字体大小。
字体粗细: 后缀的字体粗细。
字体: 后缀的字体格式。
# 数据
# 静态数据
上图中的示例代码数据如下:
{
"des": "数字卡片",
"value": 886623
}
# 数据资源
# 交互
# 数值改变事件
勾选启用,开启数值改变事件。当数字卡片组件中数值改变时,绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值,触发数据请求,查询相关数据,更新组件。具体配置请参考组件交互。
# 标题单击事件 3.0+
勾选启用,开启标题单击事件。当单击标题时,绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值,触发数据请求,查询相关数据,更新组件。具体配置请参考组件交互。
# 数据响应
数字卡片支持数据响应配置。
# 节点编程
# 事件
数值改变事件: 数值改变时触发事件。
- 抛出的参数: 改变后的数据。
标题单击事件: 标题单击时触发事件。3.0+
- 抛出的参数: 数值绑定的数据。