118 lines
1.9 KiB
HTML
118 lines
1.9 KiB
HTML
|
|
||
|
<html>
|
||
|
<head>
|
||
|
<link href="/bricks/css/bricks.css" rel="stylesheet" type="text/css" />
|
||
|
</head>
|
||
|
<body>
|
||
|
|
||
|
<script src="/bricks/bricks.js"></script>
|
||
|
<script type="text/javascript">
|
||
|
const opts =
|
||
|
{
|
||
|
"widget": {
|
||
|
"widgettype":"VBox",
|
||
|
"options":{
|
||
|
},
|
||
|
"subwidgets":[
|
||
|
{
|
||
|
"widgettype":"Title1",
|
||
|
"options":{
|
||
|
"text":"Pic Viewer",
|
||
|
"i18n":true
|
||
|
}
|
||
|
},
|
||
|
{
|
||
|
"widgettype":"Title2",
|
||
|
"options":{
|
||
|
"text":"Pic Viewer",
|
||
|
"i18n":true
|
||
|
}
|
||
|
},
|
||
|
{
|
||
|
"widgettype":"Title3",
|
||
|
"options":{
|
||
|
"text":"Pic Viewer",
|
||
|
"i18n":true
|
||
|
}
|
||
|
},
|
||
|
{
|
||
|
"widgettype":"Title4",
|
||
|
"options":{
|
||
|
"text":"Pic Viewer",
|
||
|
"i18n":true
|
||
|
}
|
||
|
},
|
||
|
{
|
||
|
"widgettype":"Title5",
|
||
|
"options":{
|
||
|
"text":"Pic Viewer",
|
||
|
"i18n":true
|
||
|
}
|
||
|
},
|
||
|
{
|
||
|
"widgettype":"Title6",
|
||
|
"options":{
|
||
|
"text":"Pic Viewer",
|
||
|
"i18n":true
|
||
|
}
|
||
|
},
|
||
|
{
|
||
|
"widgettype":"Text",
|
||
|
"options":{
|
||
|
"text":"Pic Viewer",
|
||
|
"i18n":true
|
||
|
}
|
||
|
},
|
||
|
{
|
||
|
"widgettype":"HBox",
|
||
|
"options":{
|
||
|
},
|
||
|
"subwidgets":[
|
||
|
{
|
||
|
"widgettype":"Button",
|
||
|
"options":{
|
||
|
"label":"A",
|
||
|
"item_rate":1.4
|
||
|
},
|
||
|
"binds":[
|
||
|
{
|
||
|
"wid":"self",
|
||
|
"event":"click",
|
||
|
"actiontype":"script",
|
||
|
"target":"app",
|
||
|
"script":"bricks_app.textsize_bigger()"
|
||
|
}
|
||
|
]
|
||
|
},
|
||
|
{
|
||
|
"widgettype":"Button",
|
||
|
"options":{
|
||
|
"label":"A",
|
||
|
"item_rate":0.7,
|
||
|
"item_size":"20px"
|
||
|
},
|
||
|
"binds":[
|
||
|
{
|
||
|
"wid":"self",
|
||
|
"event":"click",
|
||
|
"actiontype":"script",
|
||
|
"target":"app",
|
||
|
"script":"bricks_app.textsize_smaller()"
|
||
|
}
|
||
|
]
|
||
|
}
|
||
|
]
|
||
|
}
|
||
|
]
|
||
|
}
|
||
|
}
|
||
|
|
||
|
;
|
||
|
const app = new BricksApp(opts);
|
||
|
app.run();
|
||
|
|
||
|
|
||
|
</script>
|
||
|
</body>
|
||
|
</html>
|