项目中需要用到多选和单选框，许多框架都有，但是发现使用很不灵活。这里自己封装了一个支持单选和多选的vue组件。看看使用
多选：
<easy-check-box
:data="scope.row.arr"
width="20%"
>
</easy-check-box>
效果：
image.png
单选：
<easy-check-box
:data="scope.row.arr"
width="20%"
:is-multiple="false"
>
</easy-check-box>
效果：
image.png
垂直排列
<easy-check-box
:data="scope.row.arr"
direction="column"
>
</easy-check-box>
image.png
另外本组件还支持自定义icon、样式和插槽等， git点击查看源码
下图是效果测试展示。
image.png
EasyCheckBox详细使用demo，详细参数如下：
easy-check-box 参数解析：
| 参数 | 解释 |
|---|---|
| data | 数据 |
| selectIndex | 选择下标。例如：[0,1] |
| isMultiple | 默认是否是多选，单选是false |
| width | 宽度 |
| height | 高度 |
| direction | 居中方式 默认水平 row / column 垂直 |
| flexWrap | 是否可换行 ，默认不可以 ，none 可以 |
| justifyContent | 对齐方式，默认两端对齐 |
| customIcon | 自定义icon。selectIcon选中，normalIcon未选中 |
| typeShape | 自定义展示类型 rect 方形 -> 扩展: circle 圆形 -> custom 自定义class |
| typeSlot | 是否使用自定义模板 插槽 |
easy-check-box-item 参数解析：
| 参数 | 解释 |
|---|---|
| text | 文本 |
| isSelect | 是否选中 |
| typeShape | rect 方形 -> 扩展: circle 圆形 -> custom 自定义class |
| customIcon | 自定义icon。selectIcon选中，normalIcon未选中 |
