阅读(1.8k) 书签赞(0) 我要纠错

Blend UI sidebar 侧边栏API文档

2018-10-17 11:35 更新

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

sidebar的创建

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

参数:

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

类型	说明	是否必须
String	layer的id	否

实例：

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

侧边栏的配置项:

url

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

实例：

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

配置footbar距离屏幕left的坐标

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

实例：

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

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

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

实例：

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

Blend.ui.Layer.showSidebar(layerId);

参数：

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

类型	说明	是否必须
String	layer的id	否

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

Blend.ui.Layer.hideSidebar(layerId);

参数：

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

类型	说明	是否必须
String	layer的id	否

实例:

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

Blend.ui.Layer.destorySidebar(layerId);

类型	说明	是否必须
String	layer的id	否

参数：

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

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

以上内容是否对您有帮助：

写笔记

我要补充