小程序中radio-group组件实现类似到UISegmentControl风格

|文档地址

https://developers.weixin.qq.com/miniprogram/dev/component/radio.html

创建一个空白项目

开始着手将index.wxml与index.js替换成文档中的代码

照搬文档中的代码并略作修改

<radio-groupclass="radio-group"bindchange="radioChange">
<labelclass="radio"wx:for="{
  {items}}">
<radiovalue="{
  {item.value}}"checked="{
  {item.checked}}"/>{
  {item.title}}  
</label>
</radio-group>

//index.js

*   Page({
*   data:{
*   items:[
*   {value:'USA', title:'美国'},
*   {value:'CHN', title:'中国',checked:'true'},
*   {value:'BRA', title:'巴西'},
*   {value:'ENG', title:'英国'},

*   },
*   radioChange:function(e){
*   c