You can configure an image selector.
Description
Parameter | Description | Type | Required | Description |
name | The name of the control. | string | Yes | If this parameter is not specified, the key name is used as the display name, for example, margin . |
type | The property type. Valid values: | string | Yes | No default value |
default | Default value | string | No | The dimension. |
options | Options | array | No | An array of objects containing label , value , and src fields. The label is the display text, the value is the text value, and the src is the image address or icon name. |
Values
Condition | Data type | Examples | Default value |
N/A | string | "left" | "" |
Configuration example
"bubbleKey": {
"name": "Bubble Type",
"type": "imageSelect",
"default": "type1",
"options": [
{
"label": "Type 1",
"value": "type1",
"src": "https://img.alicdn.com/tfs/TB1BCgwoAT2gK0jSZFkXXcIQFXa-162-104.png"
},
{
"label": "Type 2",
"value": "type2",
"src": "https://img.alicdn.com/tfs/TB1EmgwoAT2gK0jSZFkXXcIQFXa-162-104.png"
},
{
"label": "Type 3",
"value": "type3",
"src": "https://img.alicdn.com/tfs/TB13x3soAP2gK0jSZPxXXacQpXa-162-104.png"
},
{
"label": "Type 4",
"value": "type4",
"src": "https://img.alicdn.com/tfs/TB1pKUuoAL0gK0jSZFxXXXWHVXa-162-104.png"
}
]
}