第一種：彈出提示框，可以選擇確定或者取消。 代碼：wx.showModal({title: '提示',content: '這是一個模態(tài)彈窗',success: function (res) {if (res.confirm) {//這里是點擊了確定以后console.log('用戶點擊確定')} else {//這里是點擊了取消以后console.log('用戶點擊取消')}}})

效果圖

第二種：不帶確定和取消的，直接提示成功 代碼：wx.showToast({title: '成功',icon: 'success',duration: 2000//持續(xù)的時間})

效果圖

第三種：提示等待中...， 代碼： wx.showToast({title: '加載中...',icon: 'loading',duration: 2000//持續(xù)的時間})

效果圖

第四種：提示文字，沒有任何圖標效果，但是文字可以寫的很多。 代碼：wx.showToast({title: '這里面可以寫很多的文字，比其他的彈窗都要多！',icon: 'none',duration: 2000//持續(xù)的時間})

效果圖

第五種：彈窗提示選擇，例如選擇ABCD那種 代碼： wx.showActionSheet({itemList: ['A', 'B', 'C'],success: function (res) {if (!res.cancel) {console.log(res.tapIndex)//這里是點擊了那個按鈕的下標}}})

第六種：多用于頁面提示加載中 代碼： <loading hidden="{{hidden}}">加載中... </loading> hidden有兩個值：false和true

效果圖

加載中wx.showLoading({title: '加載中...',}) 手動關閉加載中wx.hideLoading();

效果圖

總結

以上是生活随笔為你收集整理的微信小程序几种常用弹窗提示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。