前端之家收集整理的这篇文章主要介绍了
微信小程序仿RadioGroup改变样式的处理方案,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_403_0@最开始想改变Radio的样式,但是发现自己写比较方便就直接写了一个。
@H_
403_0@先上
效果:
<p style="text-align: center">

@H_
403_0@wxml:
<div class="jb51code">
<pre class="brush:js;">
<view bindchange="ra
dioChange">
<view class='list_item' wx:for="{{ra
dioValues}}" data-index="{{index}}" bindtap='ra
dioChange' style="{{index == ra
dioValues.length-1?'border-bottom:0':''}}">
{{item.value}}
dioValues: [
{ 'value': '未付款订单','selected': false },{ 'value': '进行中的订单',{ 'value': '完成了的订单',{ 'value': '所有订单','selected': true },]
},onLoad: function (options) {
},ra
dioChange:function(e){
var index = e.currentTarget.dataset.index;
var arr = this.data.ra
dioValues;
for (var v in arr){
if (v == index){
arr[v].selected = true;
}else{
arr[v].selected = false;
}
}
this.setData({
ra
dioValues:arr
})
}
})