1.注册加短信验证
wxml+wxss
js:验证手机号的合法性、点击获取验证码60秒后改变文案以及显示验证码超时图片(注释已经有了)
点击下一步,校验信息
2,自定义radio,checkbox样式
下面的例子是单选框,复选框也同样设置
//wxml,给radio-group加一个class
<radio-group class="address">
<radio></radio>
</radio-group>
//wxss 选中后的样式
.address .wx-radio-input.wx-radio-input-checked::before{
height: 60rpx;
width: 60rpx;
background:red;
border-radius: 50%;
font-size:60rpx;
margin-top:-1rpx;
}
//未选中状态的样式
.address .wx-radio-input{
border-radius: 50%;
height: 40rpx;
width: 40rpx;
margin-top:-4rpx;
}
3.背景图片不能设置为本地图片,否则在真机上看不了背景图片,用网络图片或者用base64格式
4.setData改变数组或者对象中的一个属性值,官方没有给出赋值方法,查资料之后发现可以用字符串拼接的方式进行赋值
如 list:{test:1}
var testChange = 'list[test]'
this.setData({[testChange:2]})
5.微信现在不能直接调用授权的接口,要通过用户主动行为才能调用授权按钮,所以使用button标签的open-type="getUserInfo"属性来引导用户授权。然后调用wx.login获取到用户的openid
6,textarea组件属于原生组件,层级最高的的组件.
,所以无论z-index设置多少都覆盖不了textarea组件,当页面有textarea组件,又有弹窗的时候,就会出现弹窗出现的时候上层浮着textarea组件。解决办法是当点击弹窗的时候用样式一样的非原生 组件(如,view)代替textarea组件。