最开始想改变Radio的样式,但是发现自己写比较方便就直接写了一个。
先上效果:
wxml:
dioChange">
dioValues}}" data-index="{{index}}" bindtap='radioChange' style="{{index == radioValues.length-1?'border-bottom:0':''}}">
{{item.value}}
wcss:
js:
dioValues: [
{ 'value': '未付款订单','selected': false },{ 'value': '进行中的订单',{ 'value': '完成了的订单',{ 'value': '所有订单','selected': true },]
},onLoad: function (options) {
},radioChange:function(e){
var index = e.currentTarget.dataset.index;
var arr = this.data.radioValues;
for (var v in arr){
if (v == index){
arr[v].selected = true;
}else{
arr[v].selected = false;
}
}
this.setData({
radioValues:arr
})
}
})
总结
以上所述是小编给大家介绍的微信小程序仿RadioGroup改变样式。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。