单选框 Radio组件 — MXWUI — 风起云涌，雨落无痕 —

用于互斥选项之间的选择，一般用于在一组选项中选择一个值。

示例图

页面 .json 文件 usingComponents 中引入组件

// json
{
    "usingComponents": {
        "mx-radio": "/components/mxwui/radio/index"
    }
}

页面 .wxml 文件中使用组件

<mx-radio />

属性：text，标签文案。

<mx-radio text="自定义文案" />

属性：textColor，默认 #040A23，支持任何合法的颜色值。

<mx-radio text="标签" textColor="#1677FF" />

属性：checked，默认 false 不选中。

<mx-radio checked />

<mx-radio checked="{{true}}" />

<mx-radio />

<mx-radio checked="{{false}}" />

属性：disabled，默认 false 不禁用。

<mx-radio disabled />

<mx-radio disabled="{{true}}" />

<mx-radio />

<mx-radio disabled="{{false}}" />

属性：radioPosition，可选 after、before，默认 before 在标签文案之后。

<mx-radio />

<mx-radio radioPosition />

<mx-radio radioPosition="before" />

<mx-radio radioPosition="after" />

属性：radioColor，默认 #9AA0B1，只支持十六进制颜色值。

<mx-radio radioColor="#000" />

属性：radioSelectColor，默认 #CA0E2D，只支持十六进制颜色值。

<mx-radio radioSelectColor="#1677FF" />

属性：radioSize，默认 48，数字，不带单位，默认使用rpx。

<mx-radio radioSize="32" />

事件：bind:radio_change，变更事件，返回字段 checked，值为 true 或 false。

<mx-radio 
    bind:radio_change="handleChange" 
/>

事件名称	类型	返回值	事件说明
bind:radio_change	Change	`event.detail`	变更事件，返回字段 `checked`，值为 `true` 或 `false`

无