1. 程式人生 > >微信小程式常用的3種提示彈窗

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

 

 

完。

&n