小程序改变无线电大小，微信小程序修改无线电大小

小程序自己的收音机似乎无法调整大小，在项目中使用非常不方便，经常影响整个界面的效果。要解决此问题，可以通过将文本标记与图标标记结合使用来实现文本效果。

让我们看看如何实现它。

想法：＆lt;的左侧文本＆GT;对＆lt;图标＆GT;实现无线电效果。排列列表中的所有区域，将isSelect属性设置为该区域。如果isSelect=true，则显示的图标类型为成功，或者图标的类型显示为圆形。单击文本时，根据区域的id确定单击的文本，并将与单击的文本对应的区域的isSelect属性设置为true，否则设置为false。

首先附上wxml文件的代码部分：

{{area.name}}

首先设置一个滚动视图，设置选择框的父容器位置大小，其中放射线组wxss设置容器中的字体大小已被排练

.radio-group {font-size: 26rpx; display: flex; flex-direction: column;}

接下来，它遍历区域数组以显示区域名称+图标，其设置区域名称＆lt;区域名称＆lt;的bindtap和data-areaId。文本取代。这里我们想要与js数据交互，其中data-areaId是过去传递的参数。

显示的＆lt;图标＆GT;根据区域对象的isSelect属性确定，其中一个是圆形，其中一个是绿色复选标记。在示例中，图标的大小设置为10，您可以随意更改其大小。

接下来是js代码部分。

//选择区域selectAreaOk: function（event）{var selectAreaId=event.target.dataset.areaid; var that=thisareaId=selectAreaIdfor（var i=0; i

在js代码中接收文本click事件并接收传递的参数，遍历areas数组，将所选区域的isSelect属性设置为true，其余设置为false，然后刷新wxml的区域。

好的就是这么简单。

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。