微信小程序常用的3種提示彈窗

1. 表示操作成功，文字上方會顯示一個表示操作成功的圖標。

wx.showToast({
    title: '操作成功！',  // 標題
    icon: 'success',   // 圖標類型，默認success
    duration: 1500   // 提示窗停留時間，默認1500ms
})

 

2.表示加載中，顯示為加載中圖標。

wx.showToast({
    title: '加載中...',
    icon: 'loading',
    duration: 1500
})

 

3.不顯示圖標，一般用作提示。

wx.showToast({
    title: '該功能未上線！',
    icon: 'none',
    duration: 1500
})

 

以上3種彈窗均使用wx.showToast接口，調用后會根據設定的duration停留一定時間。

 

此外，表示加載中的彈窗還可以使用wx.showLoading接口，但調用該接口時彈窗並不會自動消失，而是需要手動調用wx.hideLoading接口使彈窗消失。

// 開始加載數據
wx.showLoading({
  title: '加載中',
})


// 數據加載中... 
// 數據加載中...


// 數據加載完成，隱藏彈窗
wx.hideLoading()

 

 

完。