微信小程式（十三）小程式彈窗wx.showToast及wx.showModal

持續創作，加速成長！這是我參與「掘金日新計劃 · 6 月更文挑戰」的第13天，點選檢視活動詳情

我這版的小程式中，沒有使用到確定取消那樣的彈窗，基本上用到的就是，載入中，成功或者失敗那種訊息提示類的彈窗。

微信本身給我們提供了一個這樣的彈窗wx.showToast(Object object)，挺好用的，我也沒有再去折騰第三方元件的訊息提醒彈窗。

Object object 這些是官方給出的引數。

注意，icon設定為none的時候，就是沒有圖示純文字的狀態，這個就很好了。這個位置設計的還是非常人性化的。

這個玩意既能有圖示，又能沒有圖示，百變小能手啊。

注意一下，自定義顯示圖示不能是動圖，他這是隻載入圖片的第一幀，所以，動圖是沒有那種效果的，當然，這個彈窗比較簡單，對樣式要求不高的同學可以嘗試一下：

示例程式碼：

javascript wx.showToast({ title:'載入中……', icon: 'loading',//圖示，支援"success"、"loading" // image: '/images/load.gif', duration: 1500,//提示的延遲時間，單位毫秒，預設：1500 mask: true,//是否顯示透明蒙層，防止觸控穿透，預設：false }); wx.showModal：

javascript delete(){ wx.showModal({ title: '', content: '是否確認刪除', success(res) { if (res.confirm) { console.log('使用者點選確定') } else if (res.cancel) { console.log('使用者點選取消') } } }) } 效果如下：

有好的建議去，請在下方輸入你的評論。

歡迎訪問個人部落格：https://guanchao.site

歡迎訪問我的小程式：開啟微信->發現->小程式->搜尋“時間裡的”