小程序的三种弹框showToast、showModal、showLoading

小程序常用的三种弹框有：

        showToast：消息提示框

        showModal：模态对话框

        showLoading：加载框

第一：  showToast：消息提示框

默认的样式

自定义icon图标

具体代码如下：

wx.showToast({
    title: '成功',//提示内容
    icon: 'loading',//图标（success成功图标、error失败图标、loading加载图标、none不显示图标）
    image:'../../img/001.png',//自定义图标的本地路径，image层级高于icon
    duration: 2000,//提示的延时时间
    mask:true,//是否显示透明蒙层，防止触摸穿透
    success(){},//调用成功函数
    fail(){},//调用失败函数
    complete(){},//成功/失败调用都会执行
})

官方文档地址：wx.showToast(Object object) | 微信开放文档 

第二：showModal：模态对话框

具体代码如下：

wx.showModal({
    title: '提示',
    content: '这是一个模态弹窗',//editable如果为true，这就是输入框的内容
    editable:true,//是否显示输入框
    placeholderText:'请输入内容吧',//输入框的默认内容
    success (res) {
      if (res.confirm) {
        console.log('用户点击确定',res)
      } else if (res.cancel) {
        console.log('用户点击取消')
      }
    }
})

 官方文档地址：wx.showModal(Object object) | 微信开放文档

第三：showLoading：加载框

具体代码如下：

wx.showLoading({
    title:'加载中...'
})
setTimeout(function () {
    wx.hideLoading()
},2000)

 官方文档地址：wx.showLoading(Object object) | 微信开放文档