在App.vue中加入css(只能在这里。。。)
/* #ifdef H5 */
uni-checkbox .uni-checkbox-input {
border-radius: 50% !important;
color: #ffffff !important;
}
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
border: none !important;
background: #9FD8F5;
border-color: #9FD8F5;
}
uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
width: 20rpx;
height: 20rpx;
line-height: 20rpx;
text-align: center;
font-size: 18rpx;
color: #fff;
background: transparent;
transform: translate(-70%, -50%) scale(1);
-webkit-transform: translate(-70%, -50%) scale(1);
}
/* #endif */
/* 微信样式 */
/* #ifdef APP-PLUS ||MP-WEIXIN */
/*checkbox 选项框大小 */
checkbox .wx-checkbox-input {
width: 30rpx;
height: 30rpx;
border-radius: 50%;
}
/*checkbox选中后样式 */
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
background-color: #1a8cff;
border: none;
}
/*checkbox选中后图标样式 */
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
width: 26rpx;
height: 26rpx;
line-height: 26rpx;
text-align: center;
font-size: 24rpx;
color: #fff;
background: transparent;
transform: translate(-50%, -50%) scale(0.9);
-webkit-transform: translate(-50%, -50%) scale(0.9);
}
/* #endif */