bi.horizontal

水平流式布局


BI.createWidget({
    type: 'bi.horizontal',
    element: "#wrapper",
    items: [{
        type: "bi.absolute",
        items: [{
            el: {
                type: "bi.text_button",
                cls: "layout-bg1",
                text: "这里设置了lgap,rgap,tgap,bgap",
                height: 30
            },
            left: 0,
            right: 0
        }],
        width: 100,
        height: 30
    }, {
        type: "bi.absolute",
        items: [{
            el: {
                type: "bi.text_button",
                cls: "layout-bg2",
                text: "这里设置了lgap,rgap,tgap,bgap",
                height: 30
            },
            left: 0,
            right: 0
        }],
        width: 200,
        height: 30
    }]
});

API

基础属性
参数 说明 类型 可选值 默认值
hgap 效果相当于容器左右padding值 number 0
vgap 效果相当于容器上下padding值 number 0
lgap 效果相当于容器left-padding值 number 0
rgap 效果相当于容器right-padding值 number 0
tgap 效果相当于容器top-padding值 number 0
bgap 效果相当于容器bottom-padding值 number 0
columnSize 每列宽度所组成的数组 array [ ]
verticalAlign 元素的垂直对齐方式 string 参考相关css属性 "middle"
scrollx 设置水平方向是否有滚动条 boolean true,false true

results matching ""

    No results matching ""