fineui/demo/js/core/layout/demo.center.js

import { shortcut, Widget } from "@/core";

@shortcut()
export class CenterLayout extends Widget {
    static xtype = "demo.center_layout";

    props = { baseCls: "demo-center" };

    render() {
        return {
            type: "bi.center",
            items: [
                {
                    type: "bi.label",
                    text: "其实是一个grid嵌套absolute的实现",
                    cls: "layout-bg1",
                    whiteSpace: "normal",
                },
                {
                    type: "bi.label",
                    text: "Center 2，为了演示label是占满整个的，用了一个whiteSpace:normal",
                    cls: "layout-bg2",
                    whiteSpace: "normal",
                },
                {
                    type: "bi.label",
                    text: "Center 3",
                    cls: "layout-bg3",
                },
                {
                    type: "bi.label",
                    text: "Center 4",
                    cls: "layout-bg5",
                }
            ],
            hgap: 20,
            vgap: 20,
        };
    }
}