Blend UI sidebar 側(cè)邊欄API文檔
2018-10-17 11:35 更新
sidebar是Layer的靜態(tài)方法,是對Layer功能擴展；
sidebar的創(chuàng)建
Blend.ui.Layer.addSidebar(layerId,options);參數(shù):
id
指定增加側(cè)邊欄的layer的id，默認為當前l(fā)ayer;| 類型 | 說明 | 是否必須 |
|---|---|---|
| String | layer的id | 否 |
實例：
var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
url:'http://www.baidu.com'
})options
側(cè)邊欄的配置項:url
| 類型 | 說明 | 是否必須 |
|---|---|---|
| String | 側(cè)邊欄要加載的URL | 是 |
實例：
var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
url:'http://www.baidu.com'
})width
配置footbar距離屏幕left的坐標| 類型 | 說明 | 是否必須 |
|---|---|---|
| Number | 側(cè)邊欄的寬度,默認為寬度的2/3 | 否 |
實例：
var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
url:'http://www.baidu.com',
width:200
})bgColor
側(cè)邊欄底層背景色，頁面背景透明時能看出效果；| 類型 | 說明 | 是否必須 |
|---|---|---|
| Number | 背景顏色 | 否 |
實例：
var Layer = Blend.ui.Layer;
Layer.addSidebar('baidulayer',{
url:'http://www.baidu.com',
width:200,
bgColor:"#ff0000"
})側(cè)邊欄顯示
Blend.ui.Layer.showSidebar(layerId);參數(shù)：
id
要顯示側(cè)邊欄的layer的id，可省略， 默認為當前l(fā)ayer的id；| 類型 | 說明 | 是否必須 |
|---|---|---|
| String | layer的id | 否 |
實例: var Layer = Blend.ui.Layer; Layer.showSidebar();
側(cè)邊欄隱藏
Blend.ui.Layer.hideSidebar(layerId);參數(shù)：
id
要隱藏側(cè)邊欄的layer的id，可省略， 默認為當前l(fā)ayer的id；| 類型 | 說明 | 是否必須 |
|---|---|---|
| String | layer的id | 否 |
實例:
var Layer = Blend.ui.Layer;
Layer.hideSidebar();側(cè)邊欄銷毀
Blend.ui.Layer.destorySidebar(layerId);| 類型 | 說明 | 是否必須 |
|---|---|---|
| String | layer的id | 否 |
參數(shù)：
id
要銷毀側(cè)邊欄的layer的id，可省略， 默認為當前l(fā)ayer的id；實例: var Layer = Blend.ui.Layer; Layer.destorySidebar();
以上內(nèi)容是否對您有幫助：
更多建議：