微信小程序常用的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()