微信小程序踩过的坑

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组件。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容