微信小程序提示框

最新推荐文章于 2024-06-26 11:36:26 发布

weixin_33690367

最新推荐文章于 2024-06-26 11:36:26 发布

阅读量164

点赞数

文章标签： python

原文链接：https://my.oschina.net/hehongbo/blog/832604

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!-- 提示view -->
  <loading hidden="{{loadingHidden}}">提交中...</loading>
  <modal bindconfirm="onTipsConfirm" hidden="{{hiddenTips}}" no-cancel>{{tipsContent}}</modal>
  <toast hidden="{{hideCommitSuccessToast}}">提交成功</toast>


// 提示框参数
    hiddenTips: true,
    tipsContent: '',
    loadingHidden: true,
    hiddenCommitTips: true,
    hideCommitSuccessToast: true,

  // 提示框
  onTipsConfirm: function (e) {
    this.setData({
      hiddenTips: true,
      tipsContent: ''
    })
  },

if (!name) {
        this.setData({
          hiddenTips: false,
          tipsContent: '请填写您的姓名'
        })
        return;
      }


第二种方式：
// 提交成功
              this.setData({
                loadingHidden: true,
                hideCommitSuccessToast: false
              })
              // 定时，3秒消化
              setTimeout(() => {
                this.setData({
                  hideCommitSuccessToast: true
                })
              }, 3000)

转载于:https://my.oschina.net/hehongbo/blog/832604