uniapp 中的交互反馈 API【提示框】

uni.showToast(object)

uni.showToast({ title: '操作成功' })

uni.showToast({
title: '提交成功',
mask: true,
icon: 'success',
duration: 2000
})

/**
* 消息提示,支持页面跳转
*/
function toast(options, navigate) {
let { icon, mask, duration, title } = options
icon = icon || "none"
mask = mask || true
duration = duration || 1500
title = typeof options === "string" ? options : title
// 消息提示
uni.showToast({ icon, mask, duration, title })
// 页面跳转
const dataType = typeof navigate
if (["string", "object"].includes(dataType)) {
setTimeout(() => {
switch (dataType) {
case "string":
uni.navigateTo({ url: navigate })
break
case "function":
navigate()
break
}
}, duration)
}
}

toast('操作成功')
toast('操作成功', '/pages/login/login')
toast('操作成功', () => {
// 消息提示消失后自动执行该函数
})

uni.showLoading({ title: '上传中' })
uni.showLoading({ title: '上传中', mask: true })

uni.showLoading({ title: '上传中', mask: true })
setTimeout(() => {
uni.hideLoading()
}, 2000);

/**
* 消息提示,支持页面跳转
*/
toast(options, navigate) {
// ...
},
/**
* 显示加载动画
*/
loading(options) {
let { title, mask = true } = options
title = typeof options === "string" ? options : title
uni.showLoading({ mask, title })
},
/**
* 隐藏加载动画,支持页面跳转
*/
hideLoading(options, navigate) {
uni.hideLoading()
this.toast(options, navigate)
}

uni.showModal({
title: '确认删除吗?', // 标题
content: '永久删除不可恢复', // 内容(灰色字体)
showCancel: true, // 显示取消按钮
cancelText: '取消', // 取消按钮文字
cancelColor: '#000000', // 取消按钮颜色
confirmText: '确定', // 确定按钮文字
confirmColor: '#007aff', // 确定按钮颜色
editable: false, // 是否显示输入框
placeholderText: '请输入' ,// 显示输入框时的提示文本
success: ({ confirm }) => {
if (confirm) {
console.log('用户点击确定');
} else {
console.log('用户点击取消');
}
}
})

uni.showModal({
title: '证件已上传，后台审核中 ~',
showCancel: false,
confirmText: "我知道了",
success: ({ confirm }) => {
console.log(confirm);
if (confirm) {
console.log('用户点击确定');
}
}
})

uni.showModal({
title: '确认删除吗?',
success: ({ confirm }) => {
console.log(confirm);
if (confirm) {
console.log('用户点击确定');
} else {
console.log('用户点击取消');
}
}
})