更新记录
2.1(2023-07-13)
1.修复按钮自定义样式有误问题
2.修复单选选中返回信息错误
3.修改type 为'1'和‘2’,分别对应单选和多选
大家有能力可以直接改组件源码,不常在线,更新不及时,将就用吧,谢谢
2.0(2022-08-08)
增加说明,增加参数
1.0(2022-01-25)
一个单选多选自定义选择样式的组件,没什么技术含量,主要是方便有的功能需求
如有问题,请及时反馈,第一时间解决
查看更多
平台兼容性
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){
}
}
}