微信小程序各种弹窗操作

1,纯文本提示

wx.showToast({
     
    title: '123',
    icon: 'none',    //如果要纯文本，不要icon，将值设为'none'
    duration: 2000     
})  

2,取消确认提示

 wx.showModal({
     
    title: '123',
    content: '确认要删除该项吗？',
    success: function (res) {
     
      if (res.confirm) {
       
        console.log('点击确认操作')
      } else {
        
        console.log('点击取消操作')
      }
    }
})

3,成功提示

wx.showToast({
     
 	title: '成功',
    icon: 'success',     //默认值是success,就算没有icon这个值
    duration: 2000,      //停留时间
})

4,自定义图标弹窗

 wx.showToast({
     
    title: '自定义',
    image: '../../image/icon.png',  //图片地址 image的优先级会高于icon
    duration: 2000     
})

5,加载中提示 loading

wx.showLoading({
     
    title:'加载中...'
});
//需主动调用 wx.hideLoading() 才能关闭提示框

6,带蒙层的弹窗

wx.showToast({
     
    title: '带蒙层的弹窗',     
    duration: 2000,    
    mask:true    //是否有透明蒙层，默认为false 如果有透明蒙层，弹窗的期间不能点击文档内容 
})

7,有列表弹窗

wx.showActionSheet({
     
    itemList: ['1a', '2a', '3a'],
    success: function (res) {
     
      console.log(res);
    }
})

8,隐藏消息提示框

wx.hideToast()

9,隐藏 loading 提示框

wx.hideLoading()