E企盈营销工具技术服务商 热线:4006-838-530

小程序修改radi呼兰区E企盈小程序o默认样式

radio-group class="radio-group" bindchange="radioChange"  label class="radio" wx:for="{{classes_array}}" wx:key="{{index}}"    {{item.name}}radio value="{{item.name}}" checked="{{item.checked}}" color="#fff"/  /label/radio-group* radio未选中时样式 */ radio .wx-radio-input{   /* 自定义样式.... */    height: 40rpx;     width: 40rpx;    margin-top: -4rpx;    border-radius: 50%;    border: 2rpx solid #999;    background: transparent; }/* 选中后的 背景样式 (红色背景 无边框 可根据UI需求自己修改) */radio .wx-radio-input.wx-radio-input-checked{   border: none;   background: red;}/* 选中后的 对勾样式 (白色对勾 可根据UI需求自己修改) */radio .wx-radio-input.wx-radio-input-checked::before{   border-radius: 50%;/* 圆角 */   width: 40rpx; /* 选中后对勾大小,不要超开通丰田小程序电话:4006-838-530过背景的尺寸 */   height: 40rpx; /* 选中后对勾大小,不要超过背景的尺寸 */   line-height: 40rpx;   text-align: center;   font-size:30rpx; /* 对勾大小 30rpx */   color:#fff; /* 对勾颜色 白色 */   background: #f00;   transform:translate(-50%, -50%) scale(1);   -webkit-transform:translate(-50%, -50%) scale(1);}data{ classes_array: [{ name: '全部', checked: false }, { name: '阅读', checked: false }, { name: '外语'开通背景墙小程序电话:4006-838-530, checked: false }, { name: '开通爸爸鞋小程序电话:4006-838-530亲子', checked: false }, { name: '技能', checked: false }, { name: '习惯', checked: false }, { name: '运动', checked: false }, { name: '艺术', checked: false }]  },  //点击radio-group中的列表项事件  radioChange: function (res) {    console.log("选中的标签:" + res.detail.value);    var arrs = this.data.classes_array;    var that = this;    for (const x in arrs) {      if (arrs[x].name == res.detail.value) {        arrs[x].checked = true;      } else {        arrs[x].checked = false;      }    }    that.setData({      classes_array: arrs    })  },

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序修改radi呼兰区E企盈小程序o默认样式
分享到:更多 (0)

评论 抢沙发

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

模王系统开发

联系我们升级日志

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏