通过JS判断侧滑边栏是否滑出,获取开关状态
侧滑边栏是否已开启(已滑出)jsBridge.sidebarIsOpen(function(yes) {
alert(yes ? "已开启" : "已关闭");
});
sidebarOpen 打开(滑出)边栏
jsBridge.sidebarOpen();sidebarClose 关闭边栏
jsBridge.sidebarClose();
sidebarHeader 头部设置(A)
jsBridge.sidebarHeader({
background: '#DD3333',
textColor : '#FFFFFF',
icon : 'https://s.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://s.yimenyun.net/sys/sm6.jpg',
textColor : '#FFFFFF',
icon : 'https://s.yimenyun.net/sys/avatar2.png',
text : '请登录',
action : 'javascript:alert("你点击了头部")'
});
alert("已设置");
jsBridge.sidebarOpen();真机效果
sidebarHeader 头部设置(C)
jsBridge.sidebarHeader({
background: 'https://s.yimenyun.net/sys/sm3.jpg',
textColor : '#FF0000',
icon : 'https://s.yimenyun.net/sys/avatar.png',
text : '相见恨晚',
action : 'https://www.yimenapp.com/'
});
alert("已设置");
jsBridge.sidebarOpen();真机效果
查看DEMO方式
将https://www.yimenapp.com/doc/demo_sidebar.cshtml打包成APP,即刻体验!
之后就可以真机体验效果了
页:
[1]