微信小程序如何实现radio单选框单击打勾和取消
微信(小程序)  /  管理员 发布于 3年前   330
前端使用input 来写radio,小程序使用radio标签 也可以使用 1.自定义radio样式、 wx默认的是真的丑 2.单选打勾再选打勾取消效果 wxml: wx.js 这样 就完成了单击打勾再击取消。 以上。/* 单选框样式 */ /* 初始样式 */ radio .wx-radio-input{ width: 32rpx; height: 32rpx; border-radius: 0}/* 选中后的 背景样式 ( 背景 边框 ) */radio .wx-radio-input.wx-radio-input-checked{ width: 32rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ height: 32rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ background:white!important;}/* 选中后的 对勾样式 */radio .wx-radio-input.wx-radio-input-checked::before{ width: 32rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ height: 32rpx; /* 选中后对勾大小,不要超过背景的尺寸 */ line-height: 32rpx; text-align: center; font-size:36rpx; /* 对勾大小 */ color:black; /* 对勾颜色 */ background: white; transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1);}
//这条代码在data里写 check:falseradiocon:function(e){ this.setData({ check: !this.data.check }) console.log("用户打勾的是 ",this.data.check) },
您可能感兴趣的文章:
博主 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 @ xiaoB 你只管努力,剩下的叫给天意;天若有情天亦老,..xiaoB 在
2023年国务院办公厅春节放假通知:1月21日起休7天中评论 会不会春节放假后又阳一次?..BUG4 在
你翻墙过吗?国内使用vpn翻墙可能会被网警抓,你需了解的事中评论 不是吧?..博主 在
go语言+beego框架中获取get,post请求的所有参数中评论 @ t1 直接在router.go文件中配就ok..Jade 在
如何在MySQL查询中获得当月记录中评论 Dear zongscan.com team, We can skyroc..
Copyright·© 2019 侯体宗版权所有·
粤ICP备20027696号