iapyang
7 years ago
1 changed files with 57 additions and 1 deletions
@ -1,2 +1,58 @@ |
|||||||
# segment |
# bi.sgement |
||||||
|
|
||||||
|
## 各种segment |
||||||
|
|
||||||
|
{% method %} |
||||||
|
[source](https://jsfiddle.net/fineui/7skvd64L/) |
||||||
|
|
||||||
|
{% common %} |
||||||
|
```javascript |
||||||
|
|
||||||
|
BI.createWidget({ |
||||||
|
type: "bi.vertical", |
||||||
|
element: "#wrapper", |
||||||
|
items: [{ |
||||||
|
type: "bi.label", |
||||||
|
height: 30, |
||||||
|
text: "默认风格" |
||||||
|
}, { |
||||||
|
type: "bi.segment", |
||||||
|
items: [{ |
||||||
|
text: "tab1", |
||||||
|
value: 1, |
||||||
|
selected: true |
||||||
|
}, { |
||||||
|
text: "tab2", |
||||||
|
value: 2 |
||||||
|
}, { |
||||||
|
text: "tab3 disabled", |
||||||
|
disabled: true, |
||||||
|
value: 3 |
||||||
|
}] |
||||||
|
}], |
||||||
|
hgap: 50, |
||||||
|
vgap: 20 |
||||||
|
}); |
||||||
|
|
||||||
|
``` |
||||||
|
|
||||||
|
{% endmethod %} |
||||||
|
|
||||||
|
## API |
||||||
|
##### 基础属性 |
||||||
|
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
||||||
|
| :------ |:------------- | :-----| :----|:---- |
||||||
|
| hgap | 效果相当于文本框左右padding值 | number | | 10 | |
||||||
|
| vgap | 效果相当于文本框上下padding值 | number | | 0 | |
||||||
|
| lgap | 效果相当于文本框left-padding值 | number | | 0 | |
||||||
|
| rgap | 效果相当于文本框right-padding值 | number | | 0 | |
||||||
|
| tgap |效果相当于文本框top-padding值 | number | | 0 | |
||||||
|
| bgap | 效果相当于文本框bottom-padding值 | number | | 0 | |
||||||
|
| items | 子控件数组 | array | | | |
||||||
|
| width | 宽度 | number | | | |
||||||
|
| height | 高度 | number | | | |
||||||
|
|
||||||
|
|
||||||
|
--- --- |
||||||
|
|
||||||
|
|
||||||
|
Loading…
Reference in new issue