Blend UI sidebar 侧边栏API文档

2018-10-17 11:35 更新

sidebar是Layer的静态方法,是对Layer功能扩展;

sidebar的创建

Blend.ui.Layer.addSidebar(layerId,options);

参数:


id

指定增加侧边栏的layer的id,默认为当前layer;

类型说明是否必须
Stringlayer的id


实例:

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com'
})


options

侧边栏的配置项:

url

类型说明是否必须
String侧边栏要加载的URL


实例:

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com'
})


width

配置footbar距离屏幕left的坐标

类型说明是否必须
Number侧边栏的宽度,默认为宽度的2/3


实例:

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com',
    width:200
})


bgColor

侧边栏底层背景色,页面背景透明时能看出效果;

类型说明是否必须
Number背景颜色


实例:

var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
    url:'http://www.baidu.com',
    width:200,
    bgColor:"#ff0000"
})


侧边栏显示

Blend.ui.Layer.showSidebar(layerId);

参数:


id

要显示侧边栏的layer的id,可省略, 默认为当前layer的id;

类型说明是否必须
Stringlayer的id

实例: var Layer = Blend.ui.Layer; Layer.showSidebar();


侧边栏隐藏

Blend.ui.Layer.hideSidebar(layerId);

参数:


id

要隐藏侧边栏的layer的id,可省略, 默认为当前layer的id;

类型说明是否必须
Stringlayer的id


实例:

var Layer = Blend.ui.Layer;
Layer.hideSidebar();


侧边栏销毁

Blend.ui.Layer.destorySidebar(layerId);
类型说明是否必须
Stringlayer的id

参数:

id

要销毁侧边栏的layer的id,可省略, 默认为当前layer的id;

实例: var Layer = Blend.ui.Layer; Layer.destorySidebar();

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号