更新记录
1.0.2(2023-08-30)
下载此版本
修复双向绑定失效
1.0.1(2023-08-30)
下载此版本
修复change事件调用失败
1.0.0(2023-08-30)
下载此版本
1、双向绑定和事件回调
查看更多
平台兼容性
HbuilderX/cli最低兼容版本 |
3.6.11 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
app-harmony |
? |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
使用案例
<template>
<view>
<button type="primary" @click="onCardChange">改变</button>
<HCheckedBox v-model="allSelected" @change="testChange"></HCheckedBox>
</view>
</template>
<script>
export default {
data() {
return {
allSelected: false,
};
},
methods: {
onCardChange(e) {
this.allSelected = !this.allSelected;
},
testChange(e) {
console.log(e);
},
},
};
</script>
<style>
</style>
修改checkbox样式,在App.vue文件中添加
checkbox .wx-checkbox-input {
border-radius: 50% !important;
}
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
color: #ffffff;
background: #c11c1ce4;
}