From 598ca58a26d28c2de81b5f6c57d1b0c47d955f3a Mon Sep 17 00:00:00 2001 From: yumoqing Date: Fri, 29 May 2026 00:10:55 +0800 Subject: [PATCH] fix: wrap cards+content in VScrollPanel --- wwwroot/index.ui | 510 ++++++++++++++++++++++++----------------------- 1 file changed, 265 insertions(+), 245 deletions(-) diff --git a/wwwroot/index.ui b/wwwroot/index.ui index f91103c..c472a64 100644 --- a/wwwroot/index.ui +++ b/wwwroot/index.ui @@ -7,265 +7,285 @@ "options": { "width": "100%", "height": "100%", - "padding": "20px" + "padding": "0" }, "subwidgets": [ { - "widgettype": "Title2", + "widgettype": "HBox", "options": { - "text": "真人人像素材管理", + "width": "100%", + "alignItems": "center", "marginBottom": "20px" - } - }, - { - "widgettype": "ResponsableBox", - "options": { - "gap": "16px", - "minWidth": "280px" }, "subwidgets": [ -{% if is_customer or is_admin %} { - "widgettype": "VBox", + "widgettype": "Title2", "options": { - "css": "card", - "cheight": 12, - "cwidth": 23, - "padding": "20px", - "cursor": "pointer", - "borderRadius": "8px" - }, - "binds": [ - { - "wid": "self", - "event": "click", - "actiontype": "urlwidget", - "target": "app.rl_content", - "options": { - "url": "{{entire_url('create_validate.ui')}}" - }, - "mode": "replace" - } - ], - "subwidgets": [ - { - "widgettype": "Title5", - "options": { - "text": "🔐 真人认证" - } - }, - { - "widgettype": "Text", - "options": { - "text": "创建真人认证会话，获取H5认证链接", - "cfontsize": 1.2 - } - } - ] - }, - { - "widgettype": "VBox", - "options": { - "css": "card", - "cheight": 12, - "cwidth": 23, - "padding": "20px", - "cursor": "pointer", - "borderRadius": "8px" - }, - "binds": [ - { - "wid": "self", - "event": "click", - "actiontype": "urlwidget", - "target": "app.rl_content", - "options": { - "url": "{{entire_url('upload_asset.ui')}}" - }, - "mode": "replace" - } - ], - "subwidgets": [ - { - "widgettype": "Title5", - "options": { - "text": "📤 上传素材" - } - }, - { - "widgettype": "Text", - "options": { - "text": "上传素材到供应商（支持URL/base64）", - "cfontsize": 1.2 - } - } - ] + "text": "真人人像素材管理" + } } -{% endif %} -{% if is_admin %} - ,{ - "widgettype": "VBox", - "options": { - "css": "card", - "cheight": 12, - "cwidth": 23, - "padding": "20px", - "cursor": "pointer", - "borderRadius": "8px" - }, - "binds": [ - { - "wid": "self", - "event": "click", - "actiontype": "urlwidget", - "target": "app.rl_content", - "options": { - "url": "{{entire_url('group_manage.ui')}}" - }, - "mode": "replace" - } - ], - "subwidgets": [ - { - "widgettype": "Title5", - "options": { - "text": "📁 素材组合管理" - } - }, - { - "widgettype": "Text", - "options": { - "text": "创建真人认证、管理素材组合（Asset Group）", - "cfontsize": 1.2 - } - } - ] - }, - { - "widgettype": "VBox", - "options": { - "css": "card", - "cheight": 12, - "cwidth": 23, - "padding": "20px", - "cursor": "pointer", - "borderRadius": "8px" - }, - "binds": [ - { - "wid": "self", - "event": "click", - "actiontype": "urlwidget", - "target": "app.rl_content", - "options": { - "url": "{{entire_url('asset_manage.ui')}}" - }, - "mode": "replace" - } - ], - "subwidgets": [ - { - "widgettype": "Title5", - "options": { - "text": "🖼️ 素材资产管理" - } - }, - { - "widgettype": "Text", - "options": { - "text": "上传/查看/同步真人人像素材（Asset）", - "cfontsize": 1.2 - } - } - ] - }, - { - "widgettype": "VBox", - "options": { - "css": "card", - "cheight": 12, - "cwidth": 23, - "padding": "20px", - "cursor": "pointer", - "borderRadius": "8px" - }, - "binds": [ - { - "wid": "self", - "event": "click", - "actiontype": "urlwidget", - "target": "app.rl_content", - "options": { - "url": "{{entire_url('vendor_config_manage.ui')}}" - }, - "mode": "replace" - } - ], - "subwidgets": [ - { - "widgettype": "Title5", - "options": { - "text": "⚙️ 供应商配置" - } - }, - { - "widgettype": "Text", - "options": { - "text": "管理供应商upappid和API映射", - "cfontsize": 1.2 - } - } - ] - }, - { - "widgettype": "VBox", - "options": { - "css": "card", - "cheight": 12, - "cwidth": 23, - "padding": "20px", - "cursor": "pointer", - "borderRadius": "8px" - }, - "binds": [ - { - "wid": "self", - "event": "click", - "actiontype": "urlwidget", - "target": "app.rl_content", - "options": { - "url": "{{entire_url('org_group_manage.ui')}}" - }, - "mode": "replace" - } - ], - "subwidgets": [ - { - "widgettype": "Title5", - "options": { - "text": "🔗 机构映射管理" - } - }, - { - "widgettype": "Text", - "options": { - "text": "查看/管理机构和供应商组合的映射关系", - "cfontsize": 1.2 - } - } - ] - } -{% endif %} ] }, { - "widgettype": "VBox", - "id": "rl_content", + "widgettype": "VScrollPanel", "options": { - "width": "100%", - "flex": "1", - "marginTop": "20px" - } + "css": "filler" + }, + "subwidgets": [ + { + "widgettype": "VBox", + "options": { + "spacing": 20 + }, + "subwidgets": [ + { + "widgettype": "ResponsableBox", + "options": { + "gap": "16px", + "minWidth": "280px" + }, + "subwidgets": [ +{% if is_customer or is_admin %} + { + "widgettype": "VBox", + "options": { + "css": "card", + "cheight": 12, + "cwidth": 23, + "padding": "20px", + "cursor": "pointer", + "borderRadius": "8px" + }, + "binds": [ + { + "wid": "self", + "event": "click", + "actiontype": "urlwidget", + "target": "app.rl_content", + "options": { + "url": "{{entire_url('create_validate.ui')}}" + }, + "mode": "replace" + } + ], + "subwidgets": [ + { + "widgettype": "Title5", + "options": { + "text": "🔐 真人认证" + } + }, + { + "widgettype": "Text", + "options": { + "text": "创建真人认证会话，获取H5认证链接", + "cfontsize": 1.2 + } + } + ] + }, + { + "widgettype": "VBox", + "options": { + "css": "card", + "cheight": 12, + "cwidth": 23, + "padding": "20px", + "cursor": "pointer", + "borderRadius": "8px" + }, + "binds": [ + { + "wid": "self", + "event": "click", + "actiontype": "urlwidget", + "target": "app.rl_content", + "options": { + "url": "{{entire_url('upload_asset.ui')}}" + }, + "mode": "replace" + } + ], + "subwidgets": [ + { + "widgettype": "Title5", + "options": { + "text": "📤 上传素材" + } + }, + { + "widgettype": "Text", + "options": { + "text": "上传素材到供应商（支持URL/base64）", + "cfontsize": 1.2 + } + } + ] + } +{% endif %} +{% if is_admin %} + ,{ + "widgettype": "VBox", + "options": { + "css": "card", + "cheight": 12, + "cwidth": 23, + "padding": "20px", + "cursor": "pointer", + "borderRadius": "8px" + }, + "binds": [ + { + "wid": "self", + "event": "click", + "actiontype": "urlwidget", + "target": "app.rl_content", + "options": { + "url": "{{entire_url('group_manage.ui')}}" + }, + "mode": "replace" + } + ], + "subwidgets": [ + { + "widgettype": "Title5", + "options": { + "text": "📁 素材组合管理" + } + }, + { + "widgettype": "Text", + "options": { + "text": "创建真人认证、管理素材组合（Asset Group）", + "cfontsize": 1.2 + } + } + ] + }, + { + "widgettype": "VBox", + "options": { + "css": "card", + "cheight": 12, + "cwidth": 23, + "padding": "20px", + "cursor": "pointer", + "borderRadius": "8px" + }, + "binds": [ + { + "wid": "self", + "event": "click", + "actiontype": "urlwidget", + "target": "app.rl_content", + "options": { + "url": "{{entire_url('asset_manage.ui')}}" + }, + "mode": "replace" + } + ], + "subwidgets": [ + { + "widgettype": "Title5", + "options": { + "text": "🖼️ 素材资产管理" + } + }, + { + "widgettype": "Text", + "options": { + "text": "上传/查看/同步真人人像素材（Asset）", + "cfontsize": 1.2 + } + } + ] + }, + { + "widgettype": "VBox", + "options": { + "css": "card", + "cheight": 12, + "cwidth": 23, + "padding": "20px", + "cursor": "pointer", + "borderRadius": "8px" + }, + "binds": [ + { + "wid": "self", + "event": "click", + "actiontype": "urlwidget", + "target": "app.rl_content", + "options": { + "url": "{{entire_url('vendor_config_manage.ui')}}" + }, + "mode": "replace" + } + ], + "subwidgets": [ + { + "widgettype": "Title5", + "options": { + "text": "⚙️ 供应商配置" + } + }, + { + "widgettype": "Text", + "options": { + "text": "管理供应商upappid和API映射", + "cfontsize": 1.2 + } + } + ] + }, + { + "widgettype": "VBox", + "options": { + "css": "card", + "cheight": 12, + "cwidth": 23, + "padding": "20px", + "cursor": "pointer", + "borderRadius": "8px" + }, + "binds": [ + { + "wid": "self", + "event": "click", + "actiontype": "urlwidget", + "target": "app.rl_content", + "options": { + "url": "{{entire_url('org_group_manage.ui')}}" + }, + "mode": "replace" + } + ], + "subwidgets": [ + { + "widgettype": "Title5", + "options": { + "text": "🔗 机构映射管理" + } + }, + { + "widgettype": "Text", + "options": { + "text": "查看/管理机构和供应商组合的映射关系", + "cfontsize": 1.2 + } + } + ] + } +{% endif %} + ] + } + ] + }, + { + "widgettype": "VBox", + "id": "rl_content" + } + ] } ] }