From 5d17fa5604a233285d919925b0cb271093001083 Mon Sep 17 00:00:00 2001 From: yumoqing Date: Thu, 28 May 2026 23:46:53 +0800 Subject: [PATCH] =?UTF-8?q?refactor(index.ui):=20=E6=94=B9=E7=94=A8cwidth/?= =?UTF-8?q?cheight/cfontsize=E6=9B=BF=E4=BB=A3=E5=9B=BA=E5=AE=9Apx?= =?UTF-8?q?=E5=80=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 卡片容器: height:140px/width:280px → cheight:12/cwidth:23 - 卡片标题: fontSize:18px + fontWeight:bold → Title5控件(内置bold) - 描述文字: fontSize:14px → cfontsize:1.2 - 页面标题: fontSize:24px → Title2控件(内置bold+cfontsize:1.80) - borderRadius保留px值(8px),已加入widget.js keys支持 所有尺寸基于charsize响应式缩放,浏览器放大缩小时保持一致 --- wwwroot/index.ui | 76 ++++++++++++++++++++---------------------------- 1 file changed, 31 insertions(+), 45 deletions(-) diff --git a/wwwroot/index.ui b/wwwroot/index.ui index aa9a957..f91103c 100644 --- a/wwwroot/index.ui +++ b/wwwroot/index.ui @@ -11,11 +11,9 @@ }, "subwidgets": [ { - "widgettype": "Text", + "widgettype": "Title2", "options": { "text": "真人人像素材管理", - "fontSize": "24px", - "fontWeight": "bold", "marginBottom": "20px" } }, @@ -31,8 +29,8 @@ "widgettype": "VBox", "options": { "css": "card", - "height": "140px", - "width": "280px", + "cheight": 12, + "cwidth": 23, "padding": "20px", "cursor": "pointer", "borderRadius": "8px" @@ -51,18 +49,16 @@ ], "subwidgets": [ { - "widgettype": "Text", + "widgettype": "Title5", "options": { - "text": "🔐 真人认证", - "fontSize": "18px", - "fontWeight": "bold" + "text": "🔐 真人认证" } }, { "widgettype": "Text", "options": { "text": "创建真人认证会话,获取H5认证链接", - "fontSize": "14px" + "cfontsize": 1.2 } } ] @@ -71,8 +67,8 @@ "widgettype": "VBox", "options": { "css": "card", - "height": "140px", - "width": "280px", + "cheight": 12, + "cwidth": 23, "padding": "20px", "cursor": "pointer", "borderRadius": "8px" @@ -91,18 +87,16 @@ ], "subwidgets": [ { - "widgettype": "Text", + "widgettype": "Title5", "options": { - "text": "📤 上传素材", - "fontSize": "18px", - "fontWeight": "bold" + "text": "📤 上传素材" } }, { "widgettype": "Text", "options": { "text": "上传素材到供应商(支持URL/base64)", - "fontSize": "14px" + "cfontsize": 1.2 } } ] @@ -113,8 +107,8 @@ "widgettype": "VBox", "options": { "css": "card", - "height": "140px", - "width": "280px", + "cheight": 12, + "cwidth": 23, "padding": "20px", "cursor": "pointer", "borderRadius": "8px" @@ -133,18 +127,16 @@ ], "subwidgets": [ { - "widgettype": "Text", + "widgettype": "Title5", "options": { - "text": "📁 素材组合管理", - "fontSize": "18px", - "fontWeight": "bold" + "text": "📁 素材组合管理" } }, { "widgettype": "Text", "options": { "text": "创建真人认证、管理素材组合(Asset Group)", - "fontSize": "14px" + "cfontsize": 1.2 } } ] @@ -153,8 +145,8 @@ "widgettype": "VBox", "options": { "css": "card", - "height": "140px", - "width": "280px", + "cheight": 12, + "cwidth": 23, "padding": "20px", "cursor": "pointer", "borderRadius": "8px" @@ -173,18 +165,16 @@ ], "subwidgets": [ { - "widgettype": "Text", + "widgettype": "Title5", "options": { - "text": "🖼️ 素材资产管理", - "fontSize": "18px", - "fontWeight": "bold" + "text": "🖼️ 素材资产管理" } }, { "widgettype": "Text", "options": { "text": "上传/查看/同步真人人像素材(Asset)", - "fontSize": "14px" + "cfontsize": 1.2 } } ] @@ -193,8 +183,8 @@ "widgettype": "VBox", "options": { "css": "card", - "height": "140px", - "width": "280px", + "cheight": 12, + "cwidth": 23, "padding": "20px", "cursor": "pointer", "borderRadius": "8px" @@ -213,18 +203,16 @@ ], "subwidgets": [ { - "widgettype": "Text", + "widgettype": "Title5", "options": { - "text": "⚙️ 供应商配置", - "fontSize": "18px", - "fontWeight": "bold" + "text": "⚙️ 供应商配置" } }, { "widgettype": "Text", "options": { "text": "管理供应商upappid和API映射", - "fontSize": "14px" + "cfontsize": 1.2 } } ] @@ -233,8 +221,8 @@ "widgettype": "VBox", "options": { "css": "card", - "height": "140px", - "width": "280px", + "cheight": 12, + "cwidth": 23, "padding": "20px", "cursor": "pointer", "borderRadius": "8px" @@ -253,18 +241,16 @@ ], "subwidgets": [ { - "widgettype": "Text", + "widgettype": "Title5", "options": { - "text": "🔗 机构映射管理", - "fontSize": "18px", - "fontWeight": "bold" + "text": "🔗 机构映射管理" } }, { "widgettype": "Text", "options": { "text": "查看/管理机构和供应商组合的映射关系", - "fontSize": "14px" + "cfontsize": 1.2 } } ]