解决Uniapp内置组件radio样式在微信小程序不生效！！！！

1.uniapp官网中的，非常的坑！！！！

我在h5和和APP端去修改样式生效，但是在小程序端不生效，本来想着就是简单的单选框没那么复杂，没必要用三方框架了，但是这个在微信小程序不好用，所以介绍一下三方框架uView的使用

2.uView官网Radio 单选框 | uView Vue3.0 横空出世，继承uView1.0意志，再战江湖，风云再起！ (fsq.pub)，

关于怎么导入和使用，直接csdn搜一下教程即可，我这里就不介绍了，我也是搜的然后安装的。

接着来看需求。

假如说我们就是想要这种效果，用这个框架就很容易实现关键代码

不想看官网的在这里简单说一下,基本上关注点就这几个

1.：name:        每一个u-radio的标识是:name绑定的值
2.v-model:        只有当u-radio-group的v-model绑定的值和:name相等的时候就会选中
3.active-color：选中时的背景颜色，图标默认为白色
4.size：            为选中框子的大小，单位为rpx

//template部分
<u-radio-group @change="radioGroupChange" v-model="radioIndex">
    <view class="" v-for="(item,index) in 2">		
     <u-radio @change="radioChange" :name="index" active-color="#FED711" size="28">
     </u-radio>
</view>
</u-radio-group>

//js部分
const radioIndex = ref(0)

//css部分改变它的圆角
:deep(.u-radio__icon-wrap--circle){
	border-radius: 10rpx;
}