美文网首页
微信小程序弹出框

微信小程序弹出框

作者: lydia56 | 来源:发表于2020-05-22 13:53 被阅读0次

    1.confirm

    wx.showModal({
         title: '提示',
         content: '这是一个模态弹窗',
         success: function (res) {
          if (res.confirm) {//这里是点击了确定以后
             console.log('用户点击确定')
           } else {//这里是点击了取消以后
             console.log('用户点击取消')
           }
         }
       })
    

    2.toast

     wx.showToast({
         title: '成功',
         icon: 'success',
         duration: 2000//持续的时间
       })
    

    3.底部弹出选择框

    wx.showActionSheet({
         itemList: ['A', 'B', 'C'],
         success: function (res) {
           if (!res.cancel) {
             console.log(res.tapIndex)//这里是点击了那个按钮的下标
           }
         }
       })
    

    4.loading

    <loading hidden="{{hidden}}">
           加载中...
    </loading>
    

    相关文章

      网友评论

          本文标题:微信小程序弹出框

          本文链接:https://www.haomeiwen.com/subject/qqeqahtx.html