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('用户点击取消');
}
}
});