fineui是帆软报表和BI产品线所使用的前端框架。
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
import { shortcut, Widget, createItems } from "@/core";
|
|
|
|
|
|
|
|
|
|
@shortcut()
|
|
|
|
|
export class TdLayout extends Widget {
|
|
|
|
|
static xtype = "demo.td";
|
|
|
|
|
|
|
|
|
|
props = { baseCls: "demo-td" };
|
|
|
|
|
|
|
|
|
|
render() {
|
|
|
|
|
return {
|
|
|
|
|
type: "bi.vertical",
|
|
|
|
|
items: [
|
|
|
|
|
{
|
|
|
|
|
type: "bi.td",
|
|
|
|
|
columnSize: [100, 100, ""],
|
|
|
|
|
items: createItems(
|
|
|
|
|
[
|
|
|
|
|
[
|
|
|
|
|
{
|
|
|
|
|
el: {
|
|
|
|
|
type: "bi.label",
|
|
|
|
|
text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
|
|
|
|
|
cls: "layout-bg1",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
el: {
|
|
|
|
|
type: "bi.label",
|
|
|
|
|
text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
|
|
|
|
|
cls: "layout-bg2",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
el: {
|
|
|
|
|
type: "bi.label",
|
|
|
|
|
text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
|
|
|
|
|
cls: "layout-bg3",
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
[
|
|
|
|
|
{
|
|
|
|
|
el: {
|
|
|
|
|
type: "bi.label",
|
|
|
|
|
text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
|
|
|
|
|
cls: "layout-bg5",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
el: {
|
|
|
|
|
type: "bi.label",
|
|
|
|
|
text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
|
|
|
|
|
cls: "layout-bg6",
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
el: {
|
|
|
|
|
type: "bi.label",
|
|
|
|
|
text: "这是一段可以换行的文字，为了使它换行我要多写几个字，但是我又凑不够这么多的字，万般焦急下，只能随便写写",
|
|
|
|
|
cls: "layout-bg7",
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
]
|
|
|
|
|
],
|
|
|
|
|
{
|
|
|
|
|
whiteSpace: "normal",
|
|
|
|
|
}
|
|
|
|
|
),
|
|
|
|
|
}
|
|
|
|
|
],
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
}
|
