小程序模板网

微信小程序开发问答《六十九》radio样式不能自定义 & 多个input如何方便的获取

发布时间:2017-12-29 18:07 所属栏目:小程序开发教程

1、小程序的radio样式不能自定义吗?2、微信小程序中多个input如何方便的获取, 检测验证然后提交?(双向绑定?)3、摩拜单车小程序微信授权注册时可以直接发送验证码(由【腾讯科技】发送)给用户,是哪个接口?4、 ...

 
 
 
1、小程序的radio样式不能自定义吗?
 

如图,这个勾我想改成实色的,不需要勾,并且要把绿色换掉,试了下好像不行,把微信提供的公共css都去掉了,class也去掉了都不行。。难道就不能改吗?

 

:我以前用的时候记得:checked选择符是没用的,我是直接用display:none隐藏掉,然后用新标签做的

<radio-group bindchange="radioChange"> 
<label class="ui-radio {{item.checked==true?'active':''}}" wx:for="{{items}}>
                    checked="{{item.checked}}">radio>
                    <text class="text">{{item.name}}text>
                label>
radio-group>
.ui-radio radio,.ui-radio checkbox {
  display: none;
}
.ui-radio .text {
/*设计样式*/
}
.ui-radio.checked .text {
/*设计样式*/
}
Page({
  data: {
    items: [
      {value: 'USA', name: '美国'},
      {value: 'CHN', name: '中国', checked: 'true'},
      {value: 'BRA', name: '巴西'},
      {value: 'JPN', name: '日本'},
      {value: 'ENG', name: '英国'},
      {value: 'FRA', name: '法国'},
    ]
  },
  radioChange: function(e) {
    console.log('radio发生change事件,携带value值为:', e.detail.value)

    var items = this.data.items;
    for (var i = 0, len = items.length; i < len; ++i) {
      items[i].checked = items[i].value == e.detail.value
    }

    this.setData({
      items: items
    });
  }
})

把 radio 元素隐藏, 宽度设为 0, 切两张图片或者 svg,用 label 元素的 background 属性自定义 radio.

 

2、微信小程序中多个input如何方便的获取, 检测验证然后提交?(双向绑定?)

随便举个例子,上面四个表单,做到

提交前进行检测是否为空,是否正确(如18位身份证,11位手机号等等)

其实用双向绑定非常合适,可是似乎小程序中并没有像vue中的双向绑定操作。

那么,我打算用,bindBlur事件,针对每个input都绑定这个函数,然后在处理函数中把value存起来,,提交前,检测这些值即可。

但是:这样的话,有多少个input就得些多少个这样的事件,逐一处理并存储,未免太不优雅。

想问问大家,一般像这样常见的需求,最佳实践是什么,或者说,大家是如何处理的。

答:javascript有原生验证api你可以直接用,没有框架的时候就用原生,我是这么做的

3、摩拜单车小程序微信授权注册时可以直接发送验证码(由【腾讯科技】发送)给用户,是哪个接口?

发现摩拜单车微信小程序通过“微信用户快速登录”时,会先弹屏“微信手机号”授权,然后用户“确认授权”后,弹框“请填写手机短信验证码”,想问下是怎么实现的,通过哪个接口?

 

答:手机号快速填写及会员卡开卡组件https://mp.weixin.qq.com/debu...非个人开发者的小程序完成认证后即可使用。在新用户注册、联系方式登记等必要场景下,开发者均可在页面上部署手机号快速填写组件。

用户点击组件,完成弹窗授权后,即可直接将微信绑定的手机号填入,绝大部分情况下无需再进行短信验证码校验。若用户不愿提供微信绑定的手机号,开发者需提供手动输入手机号功能。
 
4、微信小程序如何清理授权缓存和授权信息
 
第一次进微信小程序,需要授权(地理位置和用户信息),授权之后,我退出小程序,把小程序删除之后,再次进入小程序,地理位置的授权就不会出现了 我感觉是缓存问题,我不想用opnesetting接口,能不能在我描述的基础上给我解答,求大神解答。
 



易优小程序(企业版)+灵活api+前后代码开源 码云仓库:starfork
本文地址:https://www.eyoucms.com/wxmini/doc/course/18308.html 复制链接 如需定制请联系易优客服咨询:800182392 点击咨询
QQ在线咨询