使用该功能时，需要判断引擎是否兼容，可通过
if(qg.createCustomizeLoading)进行判断
创建 CustomizeLoading 组件
Object object
| 属性 | 类型 | 必填 | 说明 |
|---|---|---|---|
| background | String | 否 | 背景图片，可以为网络图片或本地图片 |
| text | String | 否 | 加载进度文本 |
| textColor | String | 否 | 文本的颜色。必须是 16 进制格式的颜色字符串，例如：‘#999999’。 |
| loadingColorTop | String | 否 | loading 进度条渐变色顶部颜色。必须是 16 进制格式的颜色字符串，默认无背景色，例如：‘#999999’。 |
| loadingColorBottom | String | 否 | loading 进度条渐变色底部颜色。必须是 16 进制格式的颜色字符串，默认无背景色，例如：‘#999999’。 |
| loadingProgress | Number | 否 | 进度条的进度 |
| flow | Number | 否 | 首屏所需资源大小，显示流量消耗提示，单位 Mb。若首屏所需资源超过 30Mb，则必须提供该值，否则可能审核不通过 |
CustomizeLoading 组件
更新 CustomizeLoading 样式，传入参数与 createCustomizeLoading 一致
获取 CustomizeLoading 组件的进度
Object object
| 属性 | 类型 | 必填 | 说明 |
|---|---|---|---|
| success | Function | 否 | 成功回调 |
| fail | Function | 否 | 失败回调 |
| 属性 | 类型 | 说明 |
|---|---|---|
| currentProgress | Number | 当前 loading 进度 |
销毁 CustomizeLoading 组件
重置 CustomizeLoading 组件进度
//使用该功能时，需判断引擎是否支持
//创建CustomizeLoading组件
if (qg.createCustomizeLoading) {
var loading = qg.createCustomizeLoading({
background: "xxx.jpg",
text: "正在加载中...",
textColor: "#ffffff",
loadingColorTop: "#ffffff",
loadingColorBottom: "#ffffff",
loadingProgress: 0
});
}
//根据实际场景进行更新进度（只能增加）、背景、文字以及文字颜色
//更新CustomizeLoading样式
loading.update({
background: "/image/logo.png",
text: "正在加载中...",
textColor: "#ffffff",
loadingColorTop: "#ffffff",
loadingColorBottom: "#ffffff",
loadingProgress: 90
});
//获取CustomizeLoading进度
loading.getProgress({
success: function(data) {
console.log(`handling success: ${data.currentProgress}`);
},
fail: function(data, code) {
console.log(`handling fail, code = ${code}`);
}
});
//移除CustomizeLoading组件
loading.remove();