微信小程序radio 标签 使用

记录radio 标签,主要是之前有一个项目 ui设计 选中的在后面刚开始以为需要自定义之类的

后台自己随便弄了下,感觉只需要把文字放在前后即可

 

radio 标签

 

代码

wxml 

   
    {{item.value}}
  

js

/**
    * 页面的初始数据
    */
   data: {
     items:[
       { name: 'USA', value: '美国' },
       { name: 'CHN', value: '中国', checked: 'true' },
       { name: 'BRA', value: '巴西' },
       { name: 'JPN', value: '日本' },
       { name: 'ENG', value: '英国' },
       { name: 'FRA', value: '法国' }
     ],
 

   },

效果图

现在要实现 效果如下

 

只需要改变位置位置即可.如下

   
   {{item.value}}