tianzixuan/Doric
Archived
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

simple demo layout config to just mode

Browse Source
This commit is contained in:
王劲鹏 2021-03-15 15:56:35 +08:00 committed by osborn
parent 23882e6088
commit bf663e40db
1 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
doric-demo/src/SimpleDemo.ts
View File

@ -8,65 +8,78 @@ class LayoutDemo extends Panel {
stack([], { stack([], {
width: 100, width: 100,
height: 100, height: 100,
backgroundColor: Color.RED backgroundColor: Color.RED,
layoutConfig: layoutConfig().just()
}), }),
stack([], { stack([], {
width: 100, width: 100,
height: 100, height: 100,
backgroundColor: Color.GREEN backgroundColor: Color.GREEN,
layoutConfig: layoutConfig().just()
}), }),
stack([], { stack([], {
width: 100, width: 100,
height: 100, height: 100,
backgroundColor: Color.BLUE backgroundColor: Color.BLUE,
layoutConfig: layoutConfig().just()
}) })
], { ], {
width: 100, width: 100,
height: 300, height: 300,
layoutConfig: layoutConfig().just()
}), }),
vlayout([ vlayout([
stack([], { stack([], {
width: 100, width: 100,
height: 100, height: 100,
backgroundColor: Color.GREEN backgroundColor: Color.GREEN,
layoutConfig: layoutConfig().just()
}), }),
stack([], { stack([], {
width: 100, width: 100,
height: 100, height: 100,
backgroundColor: Color.BLUE backgroundColor: Color.BLUE,
layoutConfig: layoutConfig().just()
}), }),
stack([], { stack([], {
width: 100, width: 100,
height: 100, height: 100,
backgroundColor: Color.RED backgroundColor: Color.RED,
layoutConfig: layoutConfig().just()
}) })
], { ], {
width: 100, width: 100,
height: 300, height: 300,
layoutConfig: layoutConfig().just()
}), }),
vlayout([ vlayout([
stack([], { stack([], {
width: 100, width: 100,
height: 100, height: 100,
backgroundColor: Color.BLUE backgroundColor: Color.BLUE,
layoutConfig: layoutConfig().just()
}), }),
stack([], { stack([], {
width: 100, width: 100,
height: 100, height: 100,
backgroundColor: Color.RED backgroundColor: Color.RED,
layoutConfig: layoutConfig().just()
}), }),
stack([], { stack([], {
width: 100, width: 100,
height: 100, height: 100,
backgroundColor: Color.GREEN backgroundColor: Color.GREEN,
layoutConfig: layoutConfig().just()
}) })
], { ], {
width: 100, width: 100,
height: 300, height: 300,
layoutConfig: layoutConfig().just()
}) })
], { ], {
width: 400, width: 400,
height: 300, height: 300,
layoutConfig: layoutConfig().just(),
backgroundColor: Color.BLACK backgroundColor: Color.BLACK
}).in(rootView) }).in(rootView)
} }