8、微信小程序--弹出提示方式

一、弹出提示框，可以选择确定或者取消。

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

二、不带确定和取消的，直接提示成功

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

三、提示等待中...，

wx.showToast({

     title: '等待...',

     icon: 'loading',

     duration: 2000//持续的时间

   })

四、提示文字，没有任何图标效果，但是文字可以写的很多。

  wx.showToast({

     title: '这里面可以写很多的文字，比其他的弹窗都要多！',

     icon: 'none',

     duration: 2000//持续的时间

   })

五、弹窗提示选择，例如选择ABCD那种

wx.showActionSheet({

     itemList: ['A', 'B', 'C'],

     success: function (res) {

       if (!res.cancel) {

         console.log(res.tapIndex)//这里是点击了那个按钮的下标

       }

     }

   })

六、多用于页面提示加载中

<loading hidden="{{hidden}}">

       加载中...

</loading>

hidden有两个值：false和true

7、

 wx.showLoading({
            title: '登陆成功',
            mask: true,
          })
 setTimeout(function () {
  
     wx.hideLoading()
 }, 1000)