vue 自定义组件多选和单选EasyCheckBox

项目中需要用到多选和单选框，许多框架都有，但是发现使用很不灵活。这里自己封装了一个支持单选和多选的vue组件。看看使用

多选：

效果：

image.png

单选：

效果：

image.png

垂直排列

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未选中