40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
|
import { Panel, Group, vlayout, layoutConfig, Gravity, IVLayout, text, Text, Color } from "doric";
|
||
|
|
|
||
|
|
@Entry
|
||
|
|
class __$__ extends Panel {
|
||
|
|
build(rootView: Group): void {
|
||
|
|
let number: Text
|
||
|
|
let count = 0
|
||
|
|
vlayout([
|
||
|
|
number = text({
|
||
|
|
textSize: 40,
|
||
|
|
text: '0',
|
||
|
|
}),
|
||
|
|
text({
|
||
|
|
text: "Click to count",
|
||
|
|
textSize: 20,
|
||
|
|
bgColor: Color.parse('#70a1ff'),
|
||
|
|
textColor: Color.WHITE,
|
||
|
|
onClick: () => {
|
||
|
|
number.text = `${++count}`
|
||
|
|
},
|
||
|
|
layoutConfig: layoutConfig().exactly(),
|
||
|
|
width: 100,
|
||
|
|
height: 50,
|
||
|
|
}),
|
||
|
|
])
|
||
|
|
.apply({
|
||
|
|
layoutConfig: layoutConfig().exactly().a(Gravity.Center),
|
||
|
|
width: 200,
|
||
|
|
height: 200,
|
||
|
|
space: 20,
|
||
|
|
border: {
|
||
|
|
color: Color.BLUE,
|
||
|
|
width: 1,
|
||
|
|
},
|
||
|
|
gravity: Gravity.Center,
|
||
|
|
} as IVLayout)
|
||
|
|
.in(rootView)
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|