歡迎來到我的UniApp技術專欄!🎉 在這里,我將與大家分享關于UniApp開發的實用技巧、最佳實踐和項目經驗。
專欄特色:
📱 跨平臺開發一站式解決方案
🚀 從入門到精通的完整學習路徑
💡 實戰項目經驗分享
🔍 常見問題深度解析
無論你是剛接觸UniApp的新手,還是有一定經驗的開發者,都能在這里找到有價值的內容。我將持續更新最新技術動態和開發技巧,幫助大家提升開發效率,打造高質量的跨平臺應用。如果文章對你有幫助,別忘了點贊收藏🌟,也歡迎在評論區留言交流,我會及時回復大家的問題!
讓我們一起探索UniApp的無限可能!
目錄
一.showToast交互反饋組件的基本用法
二.showToast交互反饋組件的各種屬性
1.title(標題)
2.icon(圖標)
3.image(圖像)
4.mask(是否顯示透明蒙層/遮罩層)
5.duration(持續時間)
6.position(彈窗顯示的位置)
7.success(接口調用成功的回調函數)
8.fail(接口調用失敗的回調函數)
9.complete(接口調用結束的回調函數)
三.hideToast的用法
一.showToast交互反饋組件的基本用法
代碼
<template><view class=""></view></template><script setup>
//直接通過uni.showToast調用反饋組件
uni.showToast({})
</script><style lang="scss" scoped></style>
運行效果
二.showToast交互反饋組件的各種屬性
1.title(標題)
代碼
運行效果
2.icon(圖標)
icon圖標有如下幾種值
舉例:icon = “error”時,說明發生錯誤
3.image(圖像)
image就是用來替代icon的,實現自定義圖標。
此時我們用了一張圖片作為圖標,效果如下
4.mask(是否顯示透明蒙層/遮罩層)
①如果mask的值設為false,則彈窗存在期間,可以操作其他元素
②如果mask的值設為true,則彈窗存在期間,不可以操作其他元素(因為其他元素被透明蒙層遮擋住了)
舉例
效果
5.duration(持續時間)
默認彈窗持續1500毫秒,我們也可以自己設置持續時間
6.position(彈窗顯示的位置)
只有app才能設置此屬性。
7.success(接口調用成功的回調函數)
8.fail(接口調用失敗的回調函數)
9.complete(接口調用結束的回調函數)
三.hideToast的用法
用來立即關閉showToast
舉例
以上就是本篇文章的全部內容,喜歡的話可以留個免費的關注呦~~