加载进度动画 -九游会国际

webapp快捷打包
加载进度动画
转到模块插件

敬告:此 demo 演示为开放测试页面,仅用于开发者快速测试体验应用功能,请严格遵守开发者协议,九游会国际-九游会真人第一品牌

js-sdk 引用方式:

♦ 普通网页 script 方式加载:下载最新版 ,请在页面上调用 jsbridge 接口之前引用 jsbridge-mini.js 库;

♦ js module 方式引用:npm install ym-jsbridge

progress 显示动画

//显示动画
//注意此动画为非模态(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);

progress 显示动画 自定义颜色

//显示动画 自定义颜色
jsbridge.progress({
  visible: true,
  style  : 4,
  foregroundcolor: "#dd6666",
  backgroundcolor: "#dde4b4d1"
});
//5秒后关闭
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);

progress 显示动画 透明背景

//显示动画 透明背景
jsbridge.progress({
  visible: true,
  style  : 4,
  foregroundcolor: "#66dd66",
  backgroundcolor: "#00000000"
});
//5秒后关闭
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);

progress 关闭动画

//关闭动画
jsbridge.progress({
  visible: false
});

progress style 2

jsbridge.progress({
  visible: true,
  style  : 2
});
//3秒后关闭
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);

progress style 3

jsbridge.progress({
  visible: true,
  style  : 3
});
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);

progress style 4

jsbridge.progress({
  visible: true,
  style  : 4
});
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);

progress style 5

jsbridge.progress({
  visible: true,
  style  : 5
});
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);

progress style 6

jsbridge.progress({
  visible: true,
  style  : 6
});
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);

progress style 7

jsbridge.progress({
  visible: true,
  style  : 7
});
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);

progress style 8

jsbridge.progress({
  visible: true,
  style  : 8
});
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);

progress style 9

jsbridge.progress({
  visible: true,
  style  : 9
});
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);

progress style 10

jsbridge.progress({
  visible: true,
  style  : 10
});
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);

progress style 11

jsbridge.progress({
  visible: true,
  style  : 11
});
settimeout(function() {
  jsbridge.progress({ visible: false });
}, 5000);
网站地图