From 936d998ef5bbc0cb2e1a830c1cb981b1b6d75470 Mon Sep 17 00:00:00 2001 From: WoodyJang Date: Wed, 30 Aug 2017 09:28:44 +0800 Subject: [PATCH] =?UTF-8?q?float=5Fcenter=E5=B8=83=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- uidoc/core/layout/float_center.md | 29 ++++++++++------------------- 1 file changed, 10 insertions(+), 19 deletions(-) diff --git a/uidoc/core/layout/float_center.md b/uidoc/core/layout/float_center.md index 2e2c6a7a8..1d3884f87 100644 --- a/uidoc/core/layout/float_center.md +++ b/uidoc/core/layout/float_center.md @@ -1,39 +1,30 @@ - # bi.float_center #### 浮动布局实现的居中容器 {% method %} -[source](https://jsfiddle.net/fineui/8fd2nvkm/) +[source](https://jsfiddle.net/fineui/1vgn555m/) {% common %} ```javascript Demo = {}; -Demo.CenterLayout = BI.inherit(BI.Widget, { +Demo.FloatCenterLayout = BI.inherit(BI.Widget, { props: { - baseCls: "demo-center" + baseCls: "demo-float-center" }, render: function () { return { - type: "bi.center", + type: "bi.float_center", items: [{ type: "bi.label", - text: "Center 1,这里虽然设置label的高度30,但是最终影响高度的是center布局", + text: "floatCenter与center的不同在于,它可以控制最小宽度和最大宽度", cls: "layout-bg1", whiteSpace: "normal" - },{ + }, { type: "bi.label", - text: "Center 2,为了演示label是占满整个的,用了一个whiteSpace:normal", + text: "floatCenter与center的不同在于,它可以控制最小宽度和最大宽度", cls: "layout-bg2", whiteSpace: "normal" - },{ - type: "bi.label", - text: "Center 3", - cls: "layout-bg3" - },{ - type: "bi.label", - text: "Center 4", - cls: "layout-bg5" }], height: 300, hgap: 20, @@ -41,9 +32,9 @@ Demo.CenterLayout = BI.inherit(BI.Widget, { } } }); -BI.shortcut("demo.center_layout", Demo.CenterLayout); +BI.shortcut("demo.float_center", Demo.FloatCenterLayout); BI.createWidget({ - type: 'demo.center_layout', + type: 'demo.float_center', element: "#wrapper", }); @@ -63,6 +54,6 @@ BI.createWidget({ | rgap | 效果相当于容器right-padding值 | number | | 0 | | tgap | 效果相当于容器top-padding值 | number | | 0 | | bgap | 效果相当于容器bottom-padding值 | number | | 0 | -| items | 子控件数组 | array | | | +| items | 子控件数组 | array | | | --- \ No newline at end of file