在小程序的开发过程中,三目运算符是可以嵌套使用的,如果界面上有多个条件来区分不同样式,可以有两种实现方式,一种是用if else判断写多个组件,另一种是使用嵌套的三目运算符可以减少很多代码
方法/步骤
打开微信小程序开发工具,打开已新建的或新建一个项目
新建一个页面文件wxml,插入一个radio-group,然后内嵌四个radio
请点击输入图片描述
保存代码并查看左侧模拟器,可以查看到一组单选按钮
请点击输入图片描述
在对应页面的JS文件中,定义单选按钮组change事件changeJa
请点击输入图片描述
保存代码并打开内置浏览器控制台,点击单选按钮,查看打印结果
请点击输入图片描述
下载WeUI文件,然后将相关的样式文件拷贝进去,然后修改界面并调用样式类
请点击输入图片描述
再次保存代码并查看左侧模拟器,可以看到单选按钮样式变成了按钮的样式
请点击输入图片描述
1、改颜色
<Radio color='#FF7464'></Radio>
2、改大小
<Radio style={{transform:'scale(0.8)'}} color='#FF7464'></Radio>
color可直接改变选中后的颜色
transform即放大或者缩小
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)