最開始想改變Radio的樣式，但是發(fā)現(xiàn)自己寫比較方便就直接寫了一個。
創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務，包含不限于成都網(wǎng)站設(shè)計、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、灤州網(wǎng)絡(luò)推廣、小程序開發(fā)、灤州網(wǎng)絡(luò)營銷、灤州企業(yè)策劃、灤州品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供灤州建站搭建服務，24小時服務熱線：13518219792，官方網(wǎng)址：www.cdcxhl.com
先上效果：
wxml：
{{item.value}}
wcss：
重慶分公司
重慶分公司
.list_item{
display: flex;
justify-content: space-between;
align-items: center;
margin:0 25rpx;
width:700rpx;
font-size: 30rpx;
color: rgb(79,79,79);
padding: 28rpx 0;
border-bottom:1px solid rgb(209,209,209);
}
.item{
width: 28rpx;
height: 28rpx;
border: 2px solid rgb(144,144,144);
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
}js：
Page({
data: {
radioValues: [
{ 'value': '未付款訂單', 'selected': false },
{ 'value': '進行中的訂單', 'selected': false },
{ 'value': '完成了的訂單', 'selected': false },
{ '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
})
}
})總結(jié)
以上所述是小編給大家介紹的微信小程序仿RadioGroup改變樣式，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！
