iconRadio - DataV - Alibaba Cloud ドキュメントセンター

アイコンでオプションボタンを設定できます。

設定の説明

項目	説明	データ型	必須ですか?	補足
`名前`	コントロールの名前。The name of the control.	String	継続する	なし。
`タイプ`	コントロールのタイプ。	String	継続する	なし。
`default`	デフォルト値。	String	継続しない	このフィールドを指定しない場合、デフォルトではオプションは選択されていません。
`オプション`	オプションのリスト。	array	継続する	値はオブジェクト配列で、`label`、`value`、および`src`フィールドで構成されます。 `label`フィールドは表示するテキストを指定し、`value`フィールドはテキストの値を指定し、`src`フィールドは画像のURLまたはアイコン名を指定します。
`optionCol`	オプションの幅。	数値	継続しない	このフィールドは、オプションの幅を指定します。
`evenlySplit`	オプションを均等に分散するかどうかを指定します。	Boolean	継続しない	`evenlySplit`フィールドと`optionCol`フィールドの両方が設定されている場合、前者は優先的に有効になります。

値の説明

条件	データ型	例	デフォルト値
なし	String	`「左」`	`""`

設定例

画像オプション Configuration example - image options

"direction": {
    "name": "Moving Direction",
    "type": "iconRadio",
    "options": [
      {
        "value": "left",
        "label": "Left",
        "src": "https://img.alicdn.com/tfs/TB1.77AgxYaK1RjSZFnXXa80pXa-48-48.png"
      },
      {
        "value": "right",
        "label": "Right",
        "src": "https://img.alicdn.com/tfs/TB1sWoggwDqK1RjSZSyXXaxEVXa-48-48.png"
      },
      {
        "value": "top",
        "label": "Top",
        "src": "https://img.alicdn.com/tfs/TB1t0wjgCzqK1RjSZFjXXblCFXa-48-48.png"
      },
      {
        "value": "bottom",
        "label": "Bottom",
        "src": "https://img.alicdn.com/tfs/TB1UAAjgwHqK1RjSZFkXXX.WFXa-48-48.png"
      }
    ]
  }

アイコンのオプション Configuration example - icon options

"algin": {
    "name": "Alignment",
    "type": "iconRadio",
    "evenlySplit": true,
    "options": [
      {
        "value": "left",
        "label": "Left",
        "src": "align-left"
      },
      {
        "value": "right",
        "label": "Center",
        "src": "align-center"
      },
      {
        "value": "bottom",
        "label": "Bottom",
        "src": "align-right"
      }
    ]
  }