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

refactor(index.ui): 改用cwidth/cheight/cfontsize替代固定px值

Browse Source 
- 卡片容器: 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响应式缩放，浏览器放大缩小时保持一致
This commit is contained in:
yumoqing 2026-05-28 23:46:53 +08:00
parent 57383dfa7b
commit 5d17fa5604
1 changed files with 31 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

76
wwwroot/index.ui
View File

@ -11,11 +11,9 @@
}, },
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "Text", "widgettype": "Title2",
"options": { "options": {
"text": "真人人像素材管理", "text": "真人人像素材管理",
"fontSize": "24px",
"fontWeight": "bold",
"marginBottom": "20px" "marginBottom": "20px"
} }
}, },
@ -31,8 +29,8 @@
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {
"css": "card", "css": "card",
"height": "140px", "cheight": 12,
"width": "280px", "cwidth": 23,
"padding": "20px", "padding": "20px",
"cursor": "pointer", "cursor": "pointer",
"borderRadius": "8px" "borderRadius": "8px"
@ -51,18 +49,16 @@
], ],
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "Text", "widgettype": "Title5",
"options": { "options": {
"text": "🔐 真人认证", "text": "🔐 真人认证"
"fontSize": "18px",
"fontWeight": "bold"
} }
}, },
{ {
"widgettype": "Text", "widgettype": "Text",
"options": { "options": {
"text": "创建真人认证会话，获取H5认证链接", "text": "创建真人认证会话，获取H5认证链接",
"fontSize": "14px" "cfontsize": 1.2
} }
} }
] ]
@ -71,8 +67,8 @@
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {
"css": "card", "css": "card",
"height": "140px", "cheight": 12,
"width": "280px", "cwidth": 23,
"padding": "20px", "padding": "20px",
"cursor": "pointer", "cursor": "pointer",
"borderRadius": "8px" "borderRadius": "8px"
@ -91,18 +87,16 @@
], ],
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "Text", "widgettype": "Title5",
"options": { "options": {
"text": "📤 上传素材", "text": "📤 上传素材"
"fontSize": "18px",
"fontWeight": "bold"
} }
}, },
{ {
"widgettype": "Text", "widgettype": "Text",
"options": { "options": {
"text": "上传素材到供应商（支持URL/base64）", "text": "上传素材到供应商（支持URL/base64）",
"fontSize": "14px" "cfontsize": 1.2
} }
} }
] ]
@ -113,8 +107,8 @@
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {
"css": "card", "css": "card",
"height": "140px", "cheight": 12,
"width": "280px", "cwidth": 23,
"padding": "20px", "padding": "20px",
"cursor": "pointer", "cursor": "pointer",
"borderRadius": "8px" "borderRadius": "8px"
@ -133,18 +127,16 @@
], ],
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "Text", "widgettype": "Title5",
"options": { "options": {
"text": "📁 素材组合管理", "text": "📁 素材组合管理"
"fontSize": "18px",
"fontWeight": "bold"
} }
}, },
{ {
"widgettype": "Text", "widgettype": "Text",
"options": { "options": {
"text": "创建真人认证、管理素材组合（Asset Group）", "text": "创建真人认证、管理素材组合（Asset Group）",
"fontSize": "14px" "cfontsize": 1.2
} }
} }
] ]
@ -153,8 +145,8 @@
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {
"css": "card", "css": "card",
"height": "140px", "cheight": 12,
"width": "280px", "cwidth": 23,
"padding": "20px", "padding": "20px",
"cursor": "pointer", "cursor": "pointer",
"borderRadius": "8px" "borderRadius": "8px"
@ -173,18 +165,16 @@
], ],
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "Text", "widgettype": "Title5",
"options": { "options": {
"text": "🖼️ 素材资产管理", "text": "🖼️ 素材资产管理"
"fontSize": "18px",
"fontWeight": "bold"
} }
}, },
{ {
"widgettype": "Text", "widgettype": "Text",
"options": { "options": {
"text": "上传/查看/同步真人人像素材（Asset）", "text": "上传/查看/同步真人人像素材（Asset）",
"fontSize": "14px" "cfontsize": 1.2
} }
} }
] ]
@ -193,8 +183,8 @@
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {
"css": "card", "css": "card",
"height": "140px", "cheight": 12,
"width": "280px", "cwidth": 23,
"padding": "20px", "padding": "20px",
"cursor": "pointer", "cursor": "pointer",
"borderRadius": "8px" "borderRadius": "8px"
@ -213,18 +203,16 @@
], ],
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "Text", "widgettype": "Title5",
"options": { "options": {
"text": "⚙️ 供应商配置", "text": "⚙️ 供应商配置"
"fontSize": "18px",
"fontWeight": "bold"
} }
}, },
{ {
"widgettype": "Text", "widgettype": "Text",
"options": { "options": {
"text": "管理供应商upappid和API映射", "text": "管理供应商upappid和API映射",
"fontSize": "14px" "cfontsize": 1.2
} }
} }
] ]
@ -233,8 +221,8 @@
"widgettype": "VBox", "widgettype": "VBox",
"options": { "options": {
"css": "card", "css": "card",
"height": "140px", "cheight": 12,
"width": "280px", "cwidth": 23,
"padding": "20px", "padding": "20px",
"cursor": "pointer", "cursor": "pointer",
"borderRadius": "8px" "borderRadius": "8px"
@ -253,18 +241,16 @@
], ],
"subwidgets": [ "subwidgets": [
{ {
"widgettype": "Text", "widgettype": "Title5",
"options": { "options": {
"text": "🔗 机构映射管理", "text": "🔗 机构映射管理"
"fontSize": "18px",
"fontWeight": "bold"
} }
}, },
{ {
"widgettype": "Text", "widgettype": "Text",
"options": { "options": {
"text": "查看/管理机构和供应商组合的映射关系", "text": "查看/管理机构和供应商组合的映射关系",
"fontSize": "14px" "cfontsize": 1.2
} }
} }
] ]