yumoqing/product_management
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: dark theme 3-part layout with filler scrollable content

Browse Source
This commit is contained in:
yumoqing 2026-05-26 14:07:11 +08:00
parent 43787a63a4
commit 5d6538b7d3
1 changed files with 150 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

171
wwwroot/index.ui
View File

@ -1,58 +1,168 @@
{
"widgettype": "VBox",
"options": {"width": "100%", "height": "100%", "padding": "20px"},
"options": {
"width": "100%",
"height": "100%",
"padding": "0",
"bgcolor": "#0B1120"
},
"subwidgets": [
{
"widgettype": "HBox",
"options": {
"width": "100%",
"alignItems": "center",
"padding": "16px 24px",
"marginBottom": "0"
},
"subwidgets": [
{
"widgettype": "Title2",
"options": {
"text": "产品管理",
"color": "#F1F5F9",
"fontWeight": "700"
}
},
{
"widgettype": "Filler"
},
{
"widgettype": "Text",
"options": {"text": "产品管理", "fontSize": "24px", "fontWeight": "bold", "marginBottom": "20px"}
"options": {
"text": "产品类别、产品信息与运营商配置管理",
"fontSize": "14px",
"color": "#64748B"
}
}
]
},
{
"widgettype": "ResponsableBox",
"options": {"gap": "16px", "minWidth": "280px"},
"options": {
"gap": "12px",
"minWidth": "200px",
"padding": "0 24px 16px 24px"
},
"subwidgets": [
{
"widgettype": "VBox",
"options": {"backgroundColor": "#FFFFFF", "padding": "24px", "borderRadius": "8px", "cursor": "pointer", "boxShadow": "0 2px 8px rgba(0,0,0,0.1)"},
"binds": [{
"wid": "self", "event": "click", "actiontype": "urlwidget",
"options": {
"bgcolor": "#1E293B",
"padding": "16px 24px",
"borderRadius": "8px",
"border": "1px solid #334155",
"cursor": "pointer"
},
"binds": [
{
"wid": "self",
"event": "click",
"actiontype": "urlwidget",
"target": "app.product_content",
"options": {"url": "{{entire_url('category_manage.ui')}}"},
"options": {
"url": "{{entire_url('category_manage.ui')}}"
},
"mode": "replace"
}],
}
],
"subwidgets": [
{"widgettype": "Text", "options": {"text": "\uD83D\uDCC1", "fontSize": "32px", "marginBottom": "8px"}},
{"widgettype": "Text", "options": {"text": "产品类别管理", "fontSize": "16px", "fontWeight": "bold"}},
{"widgettype": "Text", "options": {"text": "管理产品类别树结构，配置类别属性", "fontSize": "12px", "color": "#666666", "marginTop": "4px"}}
{
"widgettype": "Title5",
"options": {
"text": "产品类别管理",
"color": "#F1F5F9",
"fontWeight": "600"
}
},
{
"widgettype": "Text",
"options": {
"text": "管理产品类别树结构，配置类别属性",
"fontSize": "12px",
"color": "#94A3B8"
}
}
]
},
{
"widgettype": "VBox",
"options": {"backgroundColor": "#FFFFFF", "padding": "24px", "borderRadius": "8px", "cursor": "pointer", "boxShadow": "0 2px 8px rgba(0,0,0,0.1)"},
"binds": [{
"wid": "self", "event": "click", "actiontype": "urlwidget",
"options": {
"bgcolor": "#1E293B",
"padding": "16px 24px",
"borderRadius": "8px",
"border": "1px solid #334155",
"cursor": "pointer"
},
"binds": [
{
"wid": "self",
"event": "click",
"actiontype": "urlwidget",
"target": "app.product_content",
"options": {"url": "{{entire_url('product_manage.ui')}}"},
"options": {
"url": "{{entire_url('product_manage.ui')}}"
},
"mode": "replace"
}],
}
],
"subwidgets": [
{"widgettype": "Text", "options": {"text": "\uD83D\uDCE6", "fontSize": "32px", "marginBottom": "8px"}},
{"widgettype": "Text", "options": {"text": "产品管理", "fontSize": "16px", "fontWeight": "bold"}},
{"widgettype": "Text", "options": {"text": "添加和管理产品，配置产品信息", "fontSize": "12px", "color": "#666666", "marginTop": "4px"}}
{
"widgettype": "Title5",
"options": {
"text": "产品管理",
"color": "#F1F5F9",
"fontWeight": "600"
}
},
{
"widgettype": "Text",
"options": {
"text": "添加和管理产品，配置产品信息",
"fontSize": "12px",
"color": "#94A3B8"
}
}
]
},
{
"widgettype": "VBox",
"options": {"backgroundColor": "#FFFFFF", "padding": "24px", "borderRadius": "8px", "cursor": "pointer", "boxShadow": "0 2px 8px rgba(0,0,0,0.1)"},
"binds": [{
"wid": "self", "event": "click", "actiontype": "urlwidget",
"options": {
"bgcolor": "#1E293B",
"padding": "16px 24px",
"borderRadius": "8px",
"border": "1px solid #334155",
"cursor": "pointer"
},
"binds": [
{
"wid": "self",
"event": "click",
"actiontype": "urlwidget",
"target": "app.product_content",
"options": {"url": "{{entire_url('product_type_config_manage.ui')}}"},
"options": {
"url": "{{entire_url('product_type_config_manage.ui')}}"
},
"mode": "replace"
}],
}
],
"subwidgets": [
{"widgettype": "Text", "options": {"text": "\u2699\uFE0F", "fontSize": "32px", "marginBottom": "8px"}},
{"widgettype": "Text", "options": {"text": "运营商配置", "fontSize": "16px", "fontWeight": "bold"}},
{"widgettype": "Text", "options": {"text": "配置运营商产品类型参数", "fontSize": "12px", "color": "#666666", "marginTop": "4px"}}
{
"widgettype": "Title5",
"options": {
"text": "运营商配置",
"color": "#F1F5F9",
"fontWeight": "600"
}
},
{
"widgettype": "Text",
"options": {
"text": "配置运营商产品类型参数",
"fontSize": "12px",
"color": "#94A3B8"
}
}
]
}
]
@ -60,6 +170,11 @@
{
"widgettype": "VBox",
"id": "product_content",
"options": {"width": "100%", "flex": "1", "marginTop": "20px"}}
"css": "filler",
"options": {
"width": "100%",
"overflowY": "auto"
}
}
]
}