fix: responsive UI with VScrollPanel, cfontsize, css:card

This commit is contained in:
yumoqing 2026-05-29 00:12:54 +08:00
parent 1a2e6c5ec6
commit 457ffceba4

View File

@ -4,8 +4,7 @@
"options": { "options": {
"width": "100%", "width": "100%",
"height": "100%", "height": "100%",
"padding": "0", "padding": "0"
"bgcolor": "#0B1120"
}, },
"subwidgets": [ "subwidgets": [
{ {
@ -19,9 +18,7 @@
{ {
"widgettype": "Title2", "widgettype": "Title2",
"options": { "options": {
"text": "平台业务", "text": "平台业务"
"color": "#F1F5F9",
"fontWeight": "700"
} }
}, },
{ {
@ -31,12 +28,23 @@
"widgettype": "Text", "widgettype": "Text",
"options": { "options": {
"text": "供应商与分销商管理", "text": "供应商与分销商管理",
"fontSize": "14px", "cfontsize": 1.2
"color": "#64748B"
} }
} }
] ]
}, },
{
"widgettype": "VScrollPanel",
"options": {
"css": "filler"
},
"subwidgets": [
{
"widgettype": "VBox",
"options": {
"spacing": 24
},
"subwidgets": [
{ {
"widgettype": "ResponsableBox", "widgettype": "ResponsableBox",
"options": { "options": {
@ -48,11 +56,11 @@
{ {
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {
"bgcolor": "#1E293B", "css": "card",
"padding": "24px", "padding": "24px",
"borderRadius": "12px", "cursor": "pointer",
"border": "1px solid #334155", "cheight": 12,
"cursor": "pointer" "cwidth": 23
}, },
"binds": [ "binds": [
{ {
@ -80,8 +88,6 @@
"widgettype": "Title4", "widgettype": "Title4",
"options": { "options": {
"text": "供应商管理", "text": "供应商管理",
"color": "#F1F5F9",
"fontWeight": "600",
"marginBottom": "8px" "marginBottom": "8px"
} }
}, },
@ -89,8 +95,7 @@
"widgettype": "Text", "widgettype": "Text",
"options": { "options": {
"text": "管理AI模型供应商信息与API配置", "text": "管理AI模型供应商信息与API配置",
"fontSize": "14px", "cfontsize": 1.2
"color": "#94A3B8"
} }
} }
] ]
@ -100,11 +105,11 @@
{ {
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {
"bgcolor": "#1E293B", "css": "card",
"padding": "24px", "padding": "24px",
"borderRadius": "12px", "cursor": "pointer",
"border": "1px solid #334155", "cheight": 12,
"cursor": "pointer" "cwidth": 23
}, },
"binds": [ "binds": [
{ {
@ -132,8 +137,6 @@
"widgettype": "Title4", "widgettype": "Title4",
"options": { "options": {
"text": "分销商管理", "text": "分销商管理",
"color": "#F1F5F9",
"fontWeight": "600",
"marginBottom": "8px" "marginBottom": "8px"
} }
}, },
@ -141,23 +144,21 @@
"widgettype": "Text", "widgettype": "Text",
"options": { "options": {
"text": "管理分销商账户与渠道关系", "text": "管理分销商账户与渠道关系",
"fontSize": "14px", "cfontsize": 1.2
"color": "#94A3B8"
} }
} }
] ]
} }
{% endif %} {% endif %}
] ]
}
]
}, },
{ {
"widgettype": "VBox", "widgettype": "VBox",
"id": "platformbiz_content", "id": "platformbiz_content"
"css": "filler", }
"options": { ]
"width": "100%",
"overflowY": "auto"
}
} }
] ]
} }