diff --git a/uidoc/case/segment.md b/uidoc/case/segment.md index e70f9e4dd..c70ee213d 100644 --- a/uidoc/case/segment.md +++ b/uidoc/case/segment.md @@ -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 | | | + + +--- --- +