hermes-web-cli/examples/CompleteLayout.ui
yumoqing 8836aee98d fix: Correct bricks-framework component usage and add comprehensive examples
- Replace invalid 'Page' and 'Card' components with valid bricks components (VBox, HBox, Filler, etc.)
- Add comprehensive examples for all major bricks components in examples/ directory
- Update hermes-web-cli UI files to use correct component hierarchy
- Include examples for: VBox, HBox, Filler, ResponsableBox, Form, Button, Text, Modal, TabPanel, DataViewer, Tree, Image, VideoPlayer, Input, LLMOut
- Follow proper bricks-framework JSON structure with widgettype, options, subwidgets
- Ensure all examples are production-ready and follow module development specifications
2026-04-21 13:45:12 +08:00

91 lines
1.8 KiB
XML

{
"widgettype": "VBox",
"options": {
"width": "100%",
"height": "100%"
},
"subwidgets": [
{
"widgettype": "HBox",
"options": {
"height": "60px"
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "顶部导航栏",
"fontSize": "20px"
}
},
{
"widgettype": "Filler"
},
{
"widgettype": "Button",
"options": {
"text": "设置"
}
}
]
},
{
"widgettype": "Filler",
"subwidgets": [
{
"widgettype": "VBox",
"options": {
"width": "100%",
"height": "100%"
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "主要内容区域",
"fontSize": "18px"
}
},
{
"widgettype": "Form",
"options": {
"fields": [
{
"name": "message",
"label": "消息",
"uitype": "text"
}
]
}
}
]
}
]
},
{
"widgettype": "HBox",
"options": {
"height": "40px"
},
"subwidgets": [
{
"widgettype": "Text",
"options": {
"text": "状态栏",
"fontSize": "12px"
}
},
{
"widgettype": "Filler"
},
{
"widgettype": "Text",
"options": {
"text": "就绪",
"fontSize": "12px"
}
}
]
}
]
}