更新记录

1.2.0（2022-04-27）

重写组件内部样式，此版本支持微信小程序

1.0.1（2021-11-23）

组件name修正为jade-checkbox

1.0.0（2021-11-18）

发布初版与DataCheckbox 数据驱动的单选复选框支持最低版本同步，尽量使用最新版本

平台兼容性

jade-checkbox 联动复选框（全选，半选，取消）

写插件不易，好用的话请5星好评，向身边朋友推荐吧ヾ(´▽‘)ﾉ。

注：本组件目前兼容微信小程序、H5，其它平台未实际测试过。

完整示例

<template>
    <view class="content">
        <view class="flex-column title">
            <text class="font-1 color">请选择</text>
        </view>
        <jade-checkbox v-model="package_ids" :list="list"  :title="checkTitle" @change="change"></jade-checkbox>
        <uni-data-checkbox mode="list" :map="map" multiple v-model="package_ids" :localdata="list" />
    </view>
</template>

<script>
    export default {
        data() {
            return {
                map: {
                    text: 'name',
                    value: 'value'
                },
                checkTitle: '全选/反选',
                list: [
                    {name: "行一1", value: 1},
                    {name: "行一2", value: 2},
                    {name: "行一3", value: 3},
                    {name: "行一4", value: 4},
                    {name: "行一5", value: 5},
                    {name: "行一6", value: 6},
                ],
                package_ids: [],
            }
        },
        onLoad() {
        },
        methods: {
            change(e){
                this.package_ids = e
            },
        }
    }
</script>

<style scoped lang="scss">
    .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 30rpx;
        .title {
            padding: 30rpx 0;
            color: #8f8f94;
        }
        .font-1{
            font-size: 34rpx;
        }
        .color{
            color: #333333;
        }
    }
</style>