用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

32

主题

99

帖子

1762

积分

实习版主

Rank: 7Rank: 7Rank: 7

积分
1762
QQ
2017-3-17 15:19:28 ETL开发者认证 实习版主 楼主 226798
本帖最后由 ETL 于 2017-3-24 11:23 编辑

目标:
用户点击提交、登录等按钮时,防止多次提交,所做的遮罩层
步骤:
实现很简单,按钮加上disabled属性,用true和false控制。
代码:
wxml
[AppleScript] 纯文本查看 复制代码
<loading hidden="{{hidden}}">
    注册中...
</loading>
<button class="next_step" type="primary" disabled="{{buthidden}}" bindtap="primary">下一步</button>


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


tip:
1、此处也做了loading,注意在不同的地方loading的内容要进行修改
2、如有遇到新问题,可以在下方留言或者加QQ群437729329 进行咨询
wx.showModal()弹出的遮罩层,我不能滑动界面。但是我自己写的遮罩层可以下拉遮罩层后面的界面。我不知道原因以及怎么也让我弹出的遮罩层不能让用户下拉被遮挡的界面?
EddyWang 发表于 2017-4-18 11:12
wx.showModal()弹出的遮罩层,我不能滑动界面。但是我自己写的遮罩层可以下拉遮罩层后面的界面。我不知道 ...

最近做项目我也遇到了 是一个触摸穿透的问题  但是没有解决 网上的方法都试了 如果你解决了 能回复我一下吗?
发新帖
    您需要登录后才可以回帖 登录 | 立即注册