复选框 Checkbox组件 — MXWUI — 风起云涌，雨落无痕 —

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

示例图

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

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

页面 .wxml 文件中使用组件

<mx-checkbox />

属性：text，标签文案。

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

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

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

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

<mx-checkbox checked />

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

<mx-checkbox />

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

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

<mx-checkbox disabled />

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

<mx-checkbox />

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

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

<mx-checkbox />

<mx-checkbox checkboxPosition />

<mx-checkbox checkboxPosition="before" />

<mx-checkbox checkboxPosition="after" />

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

<mx-checkbox checkboxColor="#000" />

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

<mx-checkbox checkboxSelectColor="#1677FF" />

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

<mx-checkbox checkboxSize="32" />

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

<mx-checkbox 
    bind:checkbox_change="handleChange" 
/>

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

无