修改uni-app 或者 小程序 的复选框和单选框的大小

修改uni-app 或者 小程序 的复选框和单选框的大小

在写表单的时候 总会遇到使用单选框或者复选框的时候 不管是uni-app 还是小程序 自带的总是太大了 对此我们可以修改其的css属性 修改其大小

1. 原始大小

复选框太大 页面整体不协调

2. 添加css 修改其大小

.size {
	 transform: scale(0.8,0.8);
}

页面上

<checkbox-group bindchange="checkboxChange">
	<view class="checkbox" wx:for="{{items}}">
	    <checkbox value="{{item.name}}" checked="{{item.checked}}" class="size" />{{item.value}}
	  </view>
</checkbox-group>

3. 效果图