显示 loading 提示框。需主动调用 qg.hideLoading 才能关闭提示框
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| title | String | 是 | 提示的内容 | |
| mask | Boolean | false | 否 | 是否显示透明蒙层，防止触摸穿透 |
| success | Function | 否 | 接口调用成功的回调函数 | |
| fail | Function | 否 | 接口调用失败的回调函数 | |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
qg.showLoading({
title: "加载中"
});
setTimeout(function() {
qg.hideLoading();
}, 2000);
注意
qg.showLoading和qg.showToast同时只能显示一个qg.showLoading应与qg.hideLoading配对使用
显示操作菜单
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| alertText | String | 否 | 警示文案 | |
| itemList | Array | 是 | 按钮的文字数组，数组长度最大为 6 | |
| itemColor | String | #000000 | 否 | 按钮的文字颜色 |
| success | Function | 否 | 接口调用成功的回调函数 | |
| fail | Function | 否 | 接口调用失败的回调函数 | |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
| 属性 | 类型 | 说明 |
|---|---|---|
| tapIndex | Number | 用户点击的按钮序号，从上到下的顺序，从 0 开始 |
qg.showActionSheet({
itemList: ["A", "B", "C"],
success(res) {
console.log(res.tapIndex);
},
fail(res) {
console.log(res.errMsg);
}
});
显示模态对话框
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| title | String | 否 | 提示的标题 | |
| content | String | 否 | 提示的内容 | |
| showCancel | Boolean | true | 否 | 是否显示取消按钮 |
| cancelText | String | 取消 | 否 | 取消按钮的文字，最多 4 个字符 |
| cancelColor | String | #000000 | 否 | 取消按钮的文字颜色，必须是 16 进制格式的颜色字符串 |
| confirmText | String | 确定 | 否 | 确认按钮的文字，最多 4 个字符 |
| confirmColor | String | #576B95 | 否 | 确认按钮的文字颜色，必须是 16 进制格式的颜色字符串 |
| editable | Boolean | false | 否 | 是否显示输入框 |
| placeholderText | String | 否 | 显示输入框时的提示文本 | |
| success | Function | 否 | 接口调用成功的回调函数 | |
| fail | Function | 否 | 接口调用失败的回调函数 | |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
| 属性 | 类型 | 说明 |
|---|---|---|
| content | String | editable 为 true 时，用户输入的文本 |
| confirm | Boolean | 为 true 时，表示用户点击了确定按钮 |
| cancel | Boolean | 为 true 时，表示用户点击了取消（用于 Android 系统区分点击蒙层关闭还是点击取消按钮关闭） |
qg.showModal({
title: "提示",
content: "这是一个模态弹窗",
success(res) {
if (res.confirm) {
console.log("用户点击确定");
} else if (res.cancel) {
console.log("用户点击取消");
}
}
});
显示消息提示框
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| title | String | 是 | 提示的内容 | |
| icon | String | success | 否 | 图标 |
| image | String | 否 | 自定义图标的本地路径，image 的优先级高于 icon | |
| duration | Number | 1500 | 否 | 提示的延迟时间 |
| mask | Boolean | false | 否 | 是否显示透明蒙层，防止触摸穿透 |
| success | Function | 否 | 接口调用成功的回调函数 | |
| fail | Function | 否 | 接口调用失败的回调函数 | |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
图标
| 合法值 | 说明 |
|---|---|
| success | 显示成功图标，此时 title 文本最多显示 7 个汉字长度 |
| error | 显示失败图标，此时 title 文本最多显示 7 个汉字长度 |
| loading | 显示加载图标，此时 title 文本最多显示 7 个汉字长度 |
| none | 不显示图标，此时 title 文本最多可显示两行 |
qg.showToast({
title: "成功",
icon: "success",
duration: 2000
});
注意 qg.showLoading 和 qg.showToast 同时只能显示一个 qg.showToast 应与 qg.hideToast 配对使用
隐藏 loading 提示框
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| success | Function | 否 | 接口调用成功的回调函数 | |
| fail | Function | 否 | 接口调用失败的回调函数 | |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
隐藏消息提示框
Object object
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| success | Function | 否 | 接口调用成功的回调函数 | |
| fail | Function | 否 | 接口调用失败的回调函数 | |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |