小程序 遮罩/蒙版应该如何实现

收藏
微信小程序
2
Feb 4, 2018

用户点击提交、登录等按钮时,防止多次提交,所做的遮罩层
 

回答

小泽回答

wxml

<loading hidden="{{hidden}}">
    注册中...
</loading>
<button class="next_step" type="primary" disabled="{{buthidden}}" bindtap="primary">下一步</button>

js

data: {
    hidden: true, //等待的展示与隐藏的控制
    buthidden: false //按钮的可用和不可用的控制
  }
primary: function (e) {
    //显示等待、禁用按钮,后台返回错误则将true和false对调一下就是隐藏等待、启用按钮
    this.setData({
      hidden: false,
      buthidden: true
    })
}

 

(0)

提交成功