# 数字卡片

# 属性

# 基础

  • 组件标题: 用于在图层中显示组件的名称。1.1+

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

  • 组件位置: 组件在大屏中的位置,通过横纵坐标来定义,单位为px

  • 旋转角度: 组件在图层中的旋转角度。

  • 透明度: 组件的透明度。

  • 排列方式: 卡片中标题和翻牌器的排列方式。

    • 垂直
    • 水平
    • 反转
  • 对齐方式: 卡片中标题和翻牌器的对齐方式。

    • 起始
    • 居中
    • 结束
  • 间距: 卡片中标题与翻牌器的间距大小。

基础

# 标题

  • 对齐边距: 卡片中标题距左边框的距离。

  • 字体颜色: 标题的字体颜色。

  • 字体大小: 标题的字体大小。

  • 字体粗细: 标题的字体粗细。

  • 字体: 标题的字体格式。

基础

# 翻牌器

  • 对齐边距: 卡片中翻牌器距左边框的距离。

  • 数字

    • 外间隔: 翻牌器数字的外间隔。

    • 内间隔: 翻牌器数字的内间隔。

    • 千分位分隔符: 是否显示千分位分隔符。

    • 四舍五入: 是否四舍五入。

    • 小数位数: 显示几个小数位。

    • 始终动画: 是否始终显示动画。

    • 动画时间(ms): 动画的持续时间。

    • 分隔符背景: 是否显示分隔符背景。

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

    • 背景圆角: 背景的圆角大小。

    • 特殊数字: 选择特殊数字。

      • 默认
      • 数字字体一
      • 数字字体二
    • 字体颜色: 翻牌器数字的颜色。

    • 字体大小: 翻牌器数字的大小。

    • 字体粗细: 翻牌器数字的粗细。

    • 字体: 翻牌器数字的格式。

    • 图片设置

      • 图片选择
      • 图片地址

基础

  • 前缀: 翻牌器前缀的设置。

    • 内容: 前缀的内容。

    • 间距: 前缀与数字的间距。

    • 距下边距: 前缀距下边距的距离。

    • 字体颜色: 前缀的字体颜色。

    • 字体大小: 前缀的字体大小。

    • 字体粗细: 前缀的字体粗细。

    • 字体: 前缀的字体格式。

基础

  • 后缀: 翻牌器后缀的设置。

    • 内容: 后缀的内容。

    • 间距: 后缀与数字的间距。

    • 距下边距: 后缀距下边距的距离。

    • 字体颜色: 后缀的字体颜色。

    • 字体大小: 后缀的字体大小。

    • 字体粗细: 后缀的字体粗细。

    • 字体: 后缀的字体格式。

# 数据

# 静态数据

基础

上图中的示例代码数据如下:

{
    "des": "数字卡片",
    "value": 886623
}

# 数据资源

基础

# 交互

# 数值改变事件

勾选启用,开启数值改变事件。当数字卡片组件中数值改变时,绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值,触发数据请求,查询相关数据,更新组件。具体配置请参考组件交互。

# 数据响应

数字卡片支持数据响应配置。

# 节点编程

# 事件

  • 数值改变事件: 数值改变时触发事件。

    • 抛出的参数:  改变后的数据。