敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,九游会国际-九游会真人第一品牌。
♦ js-sdk 引用方式:
♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;
♦ js module 方式引用:npm install ym-jsbridge
//显示动画 //注意此动画为非模态(modeless)窗口,不会阻止ui交互 jsbridge.progress({ //必须,布尔类型,显示或隐藏动画 visible: true, //可选,数字类型,动画样式,范围 2-11,请参考“加载进度动画”功能的样式序号 //默认 4 style : 4, //可选,字符串类型 #rrggbb 或 #aarrggbb(含透明度) 颜色值,前景色 //默认 #d9d9d9(可包含透明度,如 #88d9d9d9 表示半透明浅灰色) foregroundcolor: "#d9d9d9", //可选,字符串类型 #rrggbb 或 #aarrggbb(含透明度) 颜色值,背景色 //默认 #aa000000(可以包含透明度,如 #aa000000 表示半透明黑色) backgroundcolor: "#aa000000" }); //5秒后关闭 settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
//显示动画 自定义颜色 jsbridge.progress({ visible: true, style : 4, foregroundcolor: "#dd6666", backgroundcolor: "#dde4b4d1" }); //5秒后关闭 settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
//显示动画 透明背景 jsbridge.progress({ visible: true, style : 4, foregroundcolor: "#66dd66", backgroundcolor: "#00000000" }); //5秒后关闭 settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
//关闭动画 jsbridge.progress({ visible: false });
jsbridge.progress({ visible: true, style : 2 }); //3秒后关闭 settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
jsbridge.progress({ visible: true, style : 3 }); settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
jsbridge.progress({ visible: true, style : 4 }); settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
jsbridge.progress({ visible: true, style : 5 }); settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
jsbridge.progress({ visible: true, style : 6 }); settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
jsbridge.progress({ visible: true, style : 7 }); settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
jsbridge.progress({ visible: true, style : 8 }); settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
jsbridge.progress({ visible: true, style : 9 }); settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
jsbridge.progress({ visible: true, style : 10 }); settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);
jsbridge.progress({ visible: true, style : 11 }); settimeout(function() { jsbridge.progress({ visible: false }); }, 5000);