fineui/demo/js/core/layout/demo.htape.js

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

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

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

    render() {
        return {
            type: "bi.htape",
            items: [
                {
                    width: 100,
                    el: {
                        type: "bi.label",
                        text: "1",
                        cls: "bi-background",
                    },
                },
                {
                    width: 200,
                    el: {
                        type: "bi.label",
                        text: "2",
                        cls: "layout-bg2",
                    },
                },
                {
                    width: "fill",
                    el: {
                        type: "bi.label",
                        text: "3",
                        cls: "layout-bg3",
                    },
                }
            ],
        };
    }
}