微信小程序radio 标签使用

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

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

radio 标签

代码

wxml

<view>
<radio-group class="radio-group" bindchange="radioChange"><label class="radio"  wx:for="{{items}}" wx:key="index"><radio value="{{item.name}}" checked="{{item.checked}}">{{item.value}}</radio></label>
</radio-group>
</view>

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

效果图

现在要实现效果如下

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

<view>
<radio-group class="radio-group" bindchange="radioChange"><label class="radio"  wx:for="{{items}}" wx:key="index">{{item.value}}<radio value="{{item.name}}" checked="{{item.checked}}"></radio></label>
</radio-group>
</view>

微信小程序radio 标签使用相关推荐

微信小程序时间标签与范围联动设计实现
微信小程序时间标签与范围联动设计实现?最近忙于一个有关数据管理的微信小程序开发,遇到了上图情况,虽然很简单,还是整理一下.若有错误,请广大朋友们指正. 使用微信小程序组件radio-group.pic ...
微信小程序radio单选框
微信小程序radio单选框效果: 选中男返回male,选中女返回female wxml: <radio-group bindchange="handlechange"> ...
微信小程序组件(标签)—码虫带你飞
微信小程序组件(标签) 组件文档:https://mp.weixin.qq.com/debug/wxadoc/dev/component/ 常用布局标签 <view></view&g ...
微信小程序蓝牙标签打印/标签云打印开放平台（2）
微信小程序蓝牙标签打印/标签云打印开放云平台(下面简称"平台" www.herro.cn 技术服务TEL:15759216805),支持开发者通过API调用完成标签蓝牙打印或标签云 ...
微信小程序标签和html标签对比,微信小程序的标签和html标签比较
微信小程序的标签和html标签比较html微信小程序 .... {{area[index]}} wxss选择器html微信小程序 div(标签选择器)view.text.icon.input.imag ...
微信按钮android代码实现原理,微信小程序button标签open-type实现原理
这篇文章主要介绍了微信小程序button标签open-type属性原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 open-type (微信 ...
标签云打印/微信小程序蓝牙标签打印开放平台功能
微信小程序蓝牙标签打印/标签云打印开放平台(www.herro.cn),是在云端部署的云平台,支持开发者通过API调用完成标签蓝牙打印或标签云打印功能. 平台蓝牙打印模块支持各厂商各品牌蓝牙标签打印 ...
基于微信小程序Map标签及高德地图开源方法实现路径导航
微信小程序自带地图map标签,他是基于canvas画图功能进行的地图渲染,同时依赖微信的getlocation获取经纬度,绘制周边地图.地图上可以标点,画线,查看当地地理信息.但是自带的导航功能模块不 ...
第21课微信小程序视频标签显示弹幕
第21课微信小程序视频标签显示弹幕效果图如下: wxml代码如下: <videosrc="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideo ...
微信小程序自定义标签组件component封装、组件生命周期，组件通信
微信小程序自定义标签组件component封装.组件生命周期,组件通信本文来说下小程序的自定义标签组件封装. 相比于vue,react的非路由组件,微信小程序的component组件要麻烦些,而且生 ...

微信小程序radio 标签使用

微信小程序radio 标签使用相关推荐

最新文章

热门文章

微信小程序radio 标签 使用

微信小程序radio 标签 使用相关推荐

最新文章

热门文章

微信小程序radio 标签使用

微信小程序radio 标签使用相关推荐