微信小程序实现弹框提示

官方消息提示框文档

https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html

wx.showToast(OBJECT)

参数说明
111-2.png

示例代码
wx.showToast({

  title: '操作成功',
  icon: 'succes',
  duration: 1000,
  mask: true

})
截图:
2-1.png

  • wx.hideToast()

隐藏toast,主要用于显示加载提示的时候用到,如:
wx.showToast({

title: '加载中',
icon: 'loading',
duration: 10000

})
setTimeout(function(){

wx.hideToast()

},2000)

  • 本来加载时间是10000毫秒的,然后2000毫秒的时候就隐藏了
    wx.showModal(OBJECT)

参数:
333-1.png

  • 44-1.png

示例代码:
wx.showModal({

     title: '提示',
     content: '模态弹窗',
     success: function (res) {
         if (res.confirm) {
             console.log('用户点击确定')
         }else{
            console.log('用户点击取消')
         }
     }

})
wx.showActionSheet(OBJECT)

参数列表
555.png

示例代码:
wx.showActionSheet({

 itemList: ['A', 'B', 'C'],
 success: function(res) {
   console.log(res.tapIndex)

},

  fail: function(res) {
      console.log(res.errMsg)
  }

})

Last modification:January 21st, 2019 at 06:44 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment