微信小程序如何把radio改成2个选择按钮的样式

 时间:2024-10-12 02:16:51

1、打开微信小程序开发工具,打开已新建的或新建一个项目

微信小程序如何把radio改成2个选择按钮的样式

2、新建一个页面文件wxml,插入一个radio-group,然后内嵌四个radio

微信小程序如何把radio改成2个选择按钮的样式

3、保存代码并查看左侧模拟器,可以查看到一组单选按钮

微信小程序如何把radio改成2个选择按钮的样式

4、在对应页面的JS文件中,定义单选按钮组change事件changeJa

微信小程序如何把radio改成2个选择按钮的样式

5、保存代码并打开内置浏览器控制台,点击单选按钮,查看打印结果

微信小程序如何把radio改成2个选择按钮的样式

6、下载WeUI文件,然后将相关的样式文件拷贝进去,然后修改界面并调用样式类

微信小程序如何把radio改成2个选择按钮的样式

7、再次保存代码并查看左侧模拟器,可以看到单选按钮样式变成了按钮的样式

微信小程序如何把radio改成2个选择按钮的样式
  • 白菜香菇猪肉饺子的做法
  • uni-app 动态设置高度
  • 如何让孩子长高 长高必备五大营养元素
  • js HTML转换成JS代码实现方法
  • 神角技巧血月模式怎么玩
  • 热门搜索
    重庆旅游景点介绍 舟山市旅游委员会 博客旅游产品预订平台 锡林浩特旅游攻略 浙江旅游景点推荐 广西龙脊梯田旅游攻略 福建省旅游局 去英国旅游要多少钱 诸城旅游景点大全 浙江横店旅游攻略