taro/微信小程序修改checkbox/radio默认样式
1、改颜色
<Radio color='#FF7464'></Radio>
2、改大小
<Radio style={{transform:'scale(0.8)'}} color='#FF7464'></Radio>
color可直接改变选中后的颜色
transform即放大或者缩小
https://blog.csdn.net/qq_36894527/article/details/83893426
Radio .wx-radio-input//这个是没选中时
Radio .wx-radio-input.wx-radio-input-checked
//这个是选择后
taro中radio切换选中状态点击得到选中的值
1首先引入这个按钮
import { View, Image, RadioGroup, Text, Input, Radio, Button, label } from '@tarojs/components'
2在state定义一个选中状态
3在render()里面写上dom结构
<RadioGroup onChange={this.singlechange.bind(this)}>
<Radio value="2" checked={this.state.checked}
onClick={this.handclick} color='#FFFFFF' ></Radio>
</RadioGroup>
4定义的点击事件写上
handclick = (e) => {
this.setState({
checked: !this.state.checked
})
}
singlechange = (e) => {
console.log(e.detail.value)
}