您直接復制粘貼即可使用不需要做特殊的處理。

如您滿意請給莫成塵點個Fabulous

1： 純文字提示框

uni.showToast({title: '只有文字彈窗',icon: 'none', //如果要純文本，不要icon，將值設為'none'duration: 2000 //持續時間為 2秒 })

2： 帶有成功圖標提示框

uni.showToast({title: '成功提示彈窗',icon: 'success', //將值設置為 success 或者 ''duration: 2000 //持續時間為 2秒 })

3： 帶有取消確認的提示框

uni.showModal({title: '有確認取消的彈窗',content: '確認要刪除該項嗎？',success: function(res) {if (res.confirm) {console.log('點擊了確認')} else {console.log('點擊了取消')}} })

4： 帶有圖片提示框

uni.showToast({title: '自定義圖標彈窗',//圖片優先級更高但您應該使用本地的而非線上的圖片鏈接image: '../../static/logo.png',duration: 2000 })

5： 加載中提示框

//showLoading 需要用hideLoading來結束，一般網絡請求封裝中常用 uni.showLoading({title:'加載中...' }); setTimeout(()=>{uni.hideLoading() },2000)

7： 帶有遮罩蒙版提示框

//如果有透明蒙層，相當于全屏 不能做其他操作如點擊事件 uni.showToast({title: '遮罩層的彈窗',duration: 2000,mask: true //是否有透明蒙層，默認為false })

7： 有列表（上拉列表）提示框

uni.showActionSheet({itemList: ['A', 'B', 'C'],success (res) {console.log(res.tapIndex)},fail (res) {console.log(res.errMsg)} })

附加和可能出現的有用信息已添加注釋
其他有關uniapp的疑問或者此方法不理解的地方您可留言，我會盡快回復并幫您解決。

總結

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

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