侧边栏 -九游会国际

webapp快捷打包
侧边栏
转到模块插件

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

js-sdk 引用方式:

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

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

侧滑边栏

sidebarisopen 获取开关状态

侧滑边栏是否已开启(已滑出)

jsbridge.sidebarisopen(function(yes) {
  alert(yes ? "已开启" : "已关闭");
});

sidebaropen 打开(滑出)边栏

jsbridge.sidebaropen();

sidebarclose 关闭边栏

jsbridge.sidebarclose();

sidebarheader 头部设置(a)

jsbridge.sidebarheader({
  background: '#dd3333',
  textcolor : '#ffffff',
  icon      : 'https://i.yimenyun.net/sys/avatar.png',
  text      : '显示在图标下面的文字',
  action    : 'javascript:alert("你点击了头部")'
});
alert("已设置");
jsbridge.sidebaropen();
/**
{
  background: //背景色或背景图片,背景色用 #rrbbgg 格式,背景图用图片链接
  textcolor : //文字颜色
  icon      : //图标链接
  text      : //显示在图标下面的文字
  action    : //点击头部需要执行的操作,一个合法的 uri 或者一段 js 脚本
}
**/

sidebarheader 头部设置(b)

jsbridge.sidebarheader({
  background: 'https://i.yimenyun.net/sys/sm6.jpg',
  textcolor : '#ffffff',
  icon      : 'https://i.yimenyun.net/sys/avatar2.png',
  text      : '请登录',
  action    : 'javascript:alert("你点击了头部")'
});
alert("已设置");
jsbridge.sidebaropen();

sidebarheader 头部设置(c)

jsbridge.sidebarheader({
  background: 'https://i.yimenyun.net/sys/sm3.jpg',
  textcolor : '#ff0000',
  icon      : 'https://i.yimenyun.net/sys/avatar.png',
  text      : '相见恨晚',
  action    : 'http://www.zhidianwl.com/'
});
alert("已设置");
jsbridge.sidebaropen();


注意:
网站地图