数据联动

数据联动只在文本>>默认文本有效。

每一个规则按照先后顺序执行，如果满足执行，着会执行最后一个规则的结果。

点击管理按钮，进入数据联动配置页面。

配置规则：

点击添加条件

条件值

包含了全局变量和响应数据

响应数据支持循环匹配数组，如： data[*].name，实际上是匹配数组中每个对象的name属性。也支持指定index，如： data[0].name，实际上是匹配数组中第一个对象的name属性。

也支持手动输入

条件运算符

支持等于、不等于、包含、不包含、大于、小于、大于等于、小于等于等运算符。

匹配值：

支持手动输入和选择全局变量

满足执行

输入执行的脚本代码

javascript

// 改变文字颜色
setWidgetAttr("options.textStyle.color", "#AD1457");

组件所有属性

json5

{
    "options": {
        // 显示文本
        "text": "默认文本",
        // 文本样式
        "textStyle": {
            // 字体大小
            "fontSize": 16,
            // 阴影颜色
            "textShadowColor": "",
            // 阴影尺寸
            "textShadowSpread": 0,
            // 是否外部阴影
            "textShadowInset": false,
            // 模糊距离
            "textShadowBlur": 0,
            // 水平阴影的位置
            "textShadowOffsetX": 0,
            // 垂直阴影的位置
            "textShadowOffsetY": 0,
            // 字体颜色
            "color": "#F5F4F4FF",
            // 字体风格
            "fontStyle": "normal",
            // 字体粗细
            "fontWeight": "bold",
            // 边框宽度
            "textBorderWidth": 1,
            // 边框颜色
            "textBorderColor": "#e3e3e3",
            // 边框类型
            "textBorderType": "solid",
            /**
             * 水平对其
             * 值： flex-start
             * 值： flex-end
             * 值： center
             * 值： space-between
             * 值： space-around
             * 值： initial
             * 值： inherit
             */
            "justifyContent": "center",
            /**
             * 居中对其
             * 值： stretch
             * 值： center
             * 值： flex-start
             */
            "alignItems": "center",
            // 背景颜色
            "backgroundColor": ""
        }
    }
}

Api

setWidgetAttr(key, value)

用于设置组件的参数

key

设置的属性名，如：options.textStyle.color

value

设置的属性值，如：#AD1457

数据联动 ​

配置规则： ​

条件值 ​

条件运算符 ​

匹配值： ​

满足执行 ​

Api ​

key ​

value ​