微信小程序radio-group控件的使用和自定义

文章目录 [ 隐藏 ]

我们先看下效果图

微信小程序radio-group控件的自定义

官方的接口不能自定义radio-group按钮图片,如果我们想自己定义一个radio-group按钮的选择状态的布局。我们需要自己实现。

因为微信小程序是数据驱动界面的,所以我们换一种思路,自己用image控件,来显示这个单选按钮

我们先来看看页面布局:

核心代码

我们通过用户点击按钮了之后,修改ischeck的状态,然后根据ischeck状态值来控制单选图片。

再来看看微信小程序radio-group控件的使用

微信小程序组件: 官方文档

优化代码实例

JS代码

界面显示

使用属性display: block; 可以让让radio每一行显示一个选项

未经允许不得转载:Python在线学习 » 微信小程序radio-group控件的使用和自定义

赞 (6)

来吐槽吧 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址