124 lines
4.3 KiB
XML
124 lines
4.3 KiB
XML
{
|
|
"widgettype": "VBox",
|
|
"options": {
|
|
"width": "100%",
|
|
"height": "100%",
|
|
"padding": "0"
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "HBox",
|
|
"options": {
|
|
"width": "100%",
|
|
"alignItems": "center",
|
|
"padding": "16px 24px",
|
|
"marginBottom": "0"
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "Title2",
|
|
"options": {
|
|
"text": "产品商城",
|
|
"fontWeight": "700"
|
|
}
|
|
},
|
|
{
|
|
"widgettype": "Filler"
|
|
},
|
|
{
|
|
"widgettype": "Text",
|
|
"options": {
|
|
"text": "浏览产品，点击了解详情",
|
|
"fontSize": "14px"
|
|
}
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"widgettype": "HBox",
|
|
"options": {
|
|
"width": "100%",
|
|
"css": "filler",
|
|
"gap": "0"
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "VBox",
|
|
"id": "category_sidebar",
|
|
"options": {
|
|
"width": "280px",
|
|
"minWidth": "48px",
|
|
"borderRight": "1px solid #e0e0e0",
|
|
"overflowY": "auto"
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "Tree",
|
|
"id": "category_tree",
|
|
"options": {
|
|
"title": "产品分类",
|
|
"idField": "id",
|
|
"textField": "name",
|
|
"parentField": "parent_id",
|
|
"dataurl": "{{entire_url('./api/get_categories.dspy')}}"
|
|
},
|
|
"binds": [
|
|
{
|
|
"wid": "self",
|
|
"event": "click",
|
|
"actiontype": "urlwidget",
|
|
"target": "product_list",
|
|
"params_mapping": {
|
|
"mapping": {
|
|
"id": "category_id"
|
|
},
|
|
"need_other": false
|
|
},
|
|
"options": {
|
|
"method": "POST",
|
|
"url": "{{entire_url('./api/get_products.dspy')}}"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"widgettype": "VBox",
|
|
"options": {
|
|
"css": "filler",
|
|
"padding": "16px 24px",
|
|
"overflowY": "auto"
|
|
},
|
|
"subwidgets": [
|
|
{
|
|
"widgettype": "Title4",
|
|
"options": {
|
|
"text": "产品列表",
|
|
"fontWeight": "600",
|
|
"marginBottom": "12px"
|
|
}
|
|
},
|
|
{
|
|
"widgettype": "VBox",
|
|
"id": "product_list",
|
|
"options": {
|
|
"width": "100%",
|
|
"css": "filler"
|
|
}
|
|
},
|
|
{
|
|
"widgettype": "VBox",
|
|
"id": "product_detail",
|
|
"options": {
|
|
"width": "100%",
|
|
"marginTop": "24px"
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|