add segement

7 years ago · e2fab416ad
1 changed files with 57 additions and 1 deletions
--- 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   |  |      |
+
+
+--- ---
+