页面有个需求,单选框按钮的禁用的icon需要ui的切图来用
1.单选框没有禁用时设置的icon 未选中状态
.van-radio__icon--rond .van-icon{
width:1.25rem;
height:1.25rem;
background:url(../assets/imges/no-select.png)// 这个是背景图可以替换
display:inline-block;
margin-right:1px;
content:'';
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}
2.单选框没有禁用时设置的icon 选中状态
.van-radio__icon--checked .van-icon{
width:1.25rem;
height:1.25rem;
background:url(../assets/imges/select.png)// 这个是背景图可以替换
display:inline-block;
margin-right:1px;
content:'';
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}
3.单选框禁用时设置的icon 未选中状态
.van-radio__icon--disabled .van-icon {
width:1.25rem;
height:1.25rem;
background:url(../assets/imges/disabled_h.png)// 这个是背景图可以替换
display:inline-block;
margin-right:1px;
content:'';
background-size:contain;
background-repeat:no-repeat;
background-position:center;
}
具体的图片大小还要根据需求来调整~