showLoading(OBJECT)
顯示 loading 提示框, 需主動調用?uni.hideLoading?才能關閉提示框。
OBJECT參數說明
參數 | 類型 | 必填 | 說明 | 平臺差異說明 |
---|---|---|---|---|
title | String | 是 | 提示的文字內容,顯示在loading的下方 | |
mask | Boolean | 否 | 是否顯示透明蒙層,防止觸摸穿透,默認:false | H5、App、微信小程序、百度小程序、抖音小程序(2.47.0+) |
success | Function | 否 | 接口調用成功的回調函數 | |
fail | Function | 否 | 接口調用失敗的回調函數 | |
complete | Function | 否 | 接口調用結束的回調函數(調用成功、失敗都會執行) |
示例代碼:
<script setup>uni.showLoading({title:"加載中...",mask:true})setTimeout(()=>{uni.hideLoading()},2000)
</script>
?
showModal(OBJECT)
顯示模態彈窗,可以只有一個確定按鈕,也可以同時有確定和取消按鈕。類似于一個API整合了 html 中:alert、confirm。
OBJECT參數說明
參數 | 類型 | 必填 | 說明 | 平臺差異說明 |
---|---|---|---|---|
title | String | 否 | 提示的標題 | |
content | String | 否 | 提示的內容 | |
showCancel | Boolean | 否 | 是否顯示取消按鈕,默認為 true | |
cancelText | String | 否 | 取消按鈕的文字,默認為"取消" | |
cancelColor | HexColor | 否 | 取消按鈕的文字顏色,默認為"#000000" | H5、微信小程序、百度小程序、抖音小程序(2.62.0+)、支付寶小程序 |
confirmText | String | 否 | 確定按鈕的文字,默認為"確定" | |
confirmColor | HexColor | 否 | 確定按鈕的文字顏色,H5平臺默認為"#007aff",微信小程序平臺默認為"#576B95",百度小程序平臺默認為"#3c76ff" | H5、微信小程序、百度小程序、抖音小程序(2.62.0+)、支付寶小程序 |
editable | Boolean | 否 | 是否顯示輸入框 | H5 (3.2.10+)、App (3.2.10+)、微信小程序 (2.17.1+)、抖音小程序(2.62.0+) |
placeholderText | String | 否 | 顯示輸入框時的提示文本 | H5 (3.2.10+)、App (3.2.10+)、微信小程序 (2.17.1+)、抖音小程序(2.62.0+) |
success | Function | 否 | 接口調用成功的回調函數 | |
fail | Function | 否 | 接口調用失敗的回調函數 | |
complete | Function | 否 | 接口調用結束的回調函數(調用成功、失敗都會執行) |
?示例代碼1:
<script setup>function remove(){uni.showModal({title:"刪除",//content:"是否確認刪除,刪除后數據無法恢復",editable:true,placeholderText:"請輸入:確定回Y,取消回N",success:res=>{console.log(res)// if(res.confirm) uni.showToast({// title:"刪除成功"// })}})}
</script>
運行效果:
獲取用戶輸入的內容,通過content字段獲取:
示例代碼2:條件分支
uni.showModal({title: '提示',content: '這是一個模態彈窗',success: function (res) {if (res.confirm) {console.log('用戶點擊確定');} else if (res.cancel) {console.log('用戶點擊取消');}}
});