更新记录

2.1(2023-07-13)

1.修复按钮自定义样式有误问题 2.修复单选选中返回信息错误 3.修改type 为'1'和‘2’,分别对应单选和多选

大家有能力可以直接改组件源码,不常在线,更新不及时,将就用吧,谢谢

2.0(2022-08-08)

增加说明,增加参数

1.0(2022-01-25)

一个单选多选自定义选择样式的组件,没什么技术含量,主要是方便有的功能需求 如有问题,请及时反馈,第一时间解决

查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.4.12 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

使用说明

参数 格式 说明
list Array [{name:"按钮"}] 或者 ["按钮"]
activeTextColor String 选中背景色 "#fff"
bgColor String 选中字体色 "#fff"
bgColor String 选中字体色 "#fff"
color String 未选中字体色 "#fff"
type String 单选还是多选 radio/checkbox
defaultProps Object 自定义name和id
btnStyle Object 自定义按钮样式
fontSize String 文字大小
<own-check :list="list" color="#fff"
   bgColor="#55aa00"
   activeTextColor="#fff"
   activeBgColor="#ff5500"
   type="radio"
   :defaultProps="defaultProps"
   fontSize="22rpx"
   @chooseItem="chooseItems"
>
</own-check>

import ownCheck from '@/components/own-checkBtn/own-check.vue'; //多选单选自定义按钮

export default {
        components: {
            ownCheck
        },
        data() {
            return {
                defaultProps: {
                    name: "label",
                    id: "value"
                },
            }
        },
        methods:{
            chooseItems(e){

            }
        }
    }

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问