【checkBox】

已创建 CheckBox 和 CheckBoxGroup 组件！

组件特点：

• 符合项目蓝色主题风格（#1E88E5）
• 支持单独使用和 CheckBoxGroup 分组使用
• 支持禁用状态
• 支持标签在左侧或右侧

使用示例：

<template> <view> <!-- 单独使用 --> <CheckBox v-model="isAgree" label="同意用户协议" /> <!-- 多选分组 --> <CheckBoxGroup v-model="selectedAreas" title="选择消杀区域" :required="true" > <CheckBox name="kitchen" label="厨房" /> <CheckBox name="bathroom" label="卫生间" /> <CheckBox name="livingroom" label="客厅" /> <CheckBox name="bedroom" label="卧室" disabled label="卧室(已消毒)" /> </CheckBoxGroup> </view> </template> <script> import CheckBox from '@/components/CheckBox/CheckBox.vue' import CheckBoxGroup from '@/components/CheckBoxGroup/CheckBoxGroup.vue' export default { components: { CheckBox, CheckBoxGroup }, data() { return { isAgree: false, selectedAreas: ['kitchen'] } } } </script>

CheckBox Props:

• checked- 选中状态
• label- 文字标签
• labelPosition- 标签位置 ‘left’/‘right’
• disabled- 禁用
• name- CheckBoxGroup 中使用的名称

CheckBoxGroup Props:

• value- 选中的名称数组
• title- 分组标题
• disabled- 禁用所有
• required- 是否必填(显示红色星号)

事件:

• change- 选中状态变化时触发