fix(mobile): mine.ui按钮补bgcolor:transparent——未设bgcolor时浏览器UA默认button浅灰底(rgb 239,239,239)在暗色主题下成浅色块(实测根因);桌面既有约定即显式transparent(2026-09-08暗亮双风格核查)
This commit is contained in:
parent
08ef57f5c9
commit
86bd282be8
277
wwwroot/mine.ui
277
wwwroot/mine.ui
@ -1,82 +1,255 @@
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {"css": "filler", "width": "100%", "height": "100%", "padding": "0", "gap": "0px"},
|
||||
"options": {
|
||||
"css": "filler",
|
||||
"width": "100%",
|
||||
"height": "100%",
|
||||
"padding": "0",
|
||||
"gap": "0px"
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "VScrollPanel",
|
||||
"options": {"css": "filler", "width": "100%", "height": "100%", "padding": "12px", "gap": "10px"},
|
||||
"options": {
|
||||
"css": "filler",
|
||||
"width": "100%",
|
||||
"height": "100%",
|
||||
"padding": "12px",
|
||||
"gap": "10px"
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {"width": "100%", "bgcolor": "#1e293b", "borderRadius": "14px", "padding": "16px", "gap": "4px"},
|
||||
"subwidgets": [
|
||||
{"widgettype": "Title3", "options": {"text": "{{get_username()}}", "color": "#ffffff"}},
|
||||
{"widgettype": "Text", "options": {"text": "欢迎使用产线平台", "cfontsize": 0.8, "color": "#94a3b8"}}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"id": "mine_group_account",
|
||||
"options": {"width": "100%", "css": "card", "borderRadius": "12px", "padding": "4px 0", "gap": "0px"},
|
||||
"options": {
|
||||
"width": "100%",
|
||||
"bgcolor": "#1e293b",
|
||||
"borderRadius": "14px",
|
||||
"padding": "16px",
|
||||
"gap": "4px"
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {"label": "💳 我的权益", "css": "text", "width": "100%", "halign": "left", "padding": "14px 16px", "orientation": "horizontal"},
|
||||
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "PopupWindow",
|
||||
"popup_options": {"title": "我的权益"},
|
||||
"options": {"url": "/product_management/storefront/api/my_subscriptions.dspy"}}]
|
||||
"widgettype": "Title3",
|
||||
"options": {
|
||||
"text": "{{get_username()}}",
|
||||
"color": "#ffffff"
|
||||
}
|
||||
},
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {"label": "🏦 我的账户", "css": "text", "width": "100%", "halign": "left", "padding": "14px 16px", "orientation": "horizontal"},
|
||||
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "PopupWindow",
|
||||
"popup_options": {"title": "我的账户"},
|
||||
"options": {"url": "/accounting/myaccounts.ui"}}]
|
||||
},
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {"label": "💰 充值", "css": "text", "width": "100%", "halign": "left", "padding": "14px 16px", "orientation": "horizontal"},
|
||||
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "PopupWindow",
|
||||
"popup_options": {"title": "充值"},
|
||||
"options": {"url": "/unipay/recharge.ui"}}]
|
||||
},
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {"label": "🛒 产品商城", "css": "text", "width": "100%", "halign": "left", "padding": "14px 16px", "orientation": "horizontal"},
|
||||
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "PopupWindow",
|
||||
"popup_options": {"title": "产品商城"},
|
||||
"options": {"url": "/product_management/storefront/index.ui"}}]
|
||||
},
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {"label": "🔑 API Key", "css": "text", "width": "100%", "halign": "left", "padding": "14px 16px", "orientation": "horizontal"},
|
||||
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "PopupWindow",
|
||||
"popup_options": {"title": "API Key"},
|
||||
"options": {"url": "/dapi/apikey_manage.ui"}}]
|
||||
"widgettype": "Text",
|
||||
"options": {
|
||||
"text": "欢迎使用产线平台",
|
||||
"cfontsize": 0.8,
|
||||
"color": "#94a3b8"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {"width": "100%", "css": "card", "borderRadius": "12px", "padding": "4px 0", "gap": "0px"},
|
||||
"id": "mine_group_account",
|
||||
"options": {
|
||||
"width": "100%",
|
||||
"css": "card",
|
||||
"borderRadius": "12px",
|
||||
"padding": "4px 0",
|
||||
"gap": "0px"
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"label": "💳 我的权益",
|
||||
"css": "text",
|
||||
"width": "100%",
|
||||
"halign": "left",
|
||||
"padding": "14px 16px",
|
||||
"orientation": "horizontal",
|
||||
"bgcolor": "transparent"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
"wid": "self",
|
||||
"event": "click",
|
||||
"actiontype": "urlwidget",
|
||||
"target": "PopupWindow",
|
||||
"popup_options": {
|
||||
"title": "我的权益"
|
||||
},
|
||||
"options": {
|
||||
"url": "/product_management/storefront/api/my_subscriptions.dspy"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"label": "🏦 我的账户",
|
||||
"css": "text",
|
||||
"width": "100%",
|
||||
"halign": "left",
|
||||
"padding": "14px 16px",
|
||||
"orientation": "horizontal",
|
||||
"bgcolor": "transparent"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
"wid": "self",
|
||||
"event": "click",
|
||||
"actiontype": "urlwidget",
|
||||
"target": "PopupWindow",
|
||||
"popup_options": {
|
||||
"title": "我的账户"
|
||||
},
|
||||
"options": {
|
||||
"url": "/accounting/myaccounts.ui"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"label": "💰 充值",
|
||||
"css": "text",
|
||||
"width": "100%",
|
||||
"halign": "left",
|
||||
"padding": "14px 16px",
|
||||
"orientation": "horizontal",
|
||||
"bgcolor": "transparent"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
"wid": "self",
|
||||
"event": "click",
|
||||
"actiontype": "urlwidget",
|
||||
"target": "PopupWindow",
|
||||
"popup_options": {
|
||||
"title": "充值"
|
||||
},
|
||||
"options": {
|
||||
"url": "/unipay/recharge.ui"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"label": "🛒 产品商城",
|
||||
"css": "text",
|
||||
"width": "100%",
|
||||
"halign": "left",
|
||||
"padding": "14px 16px",
|
||||
"orientation": "horizontal",
|
||||
"bgcolor": "transparent"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
"wid": "self",
|
||||
"event": "click",
|
||||
"actiontype": "urlwidget",
|
||||
"target": "PopupWindow",
|
||||
"popup_options": {
|
||||
"title": "产品商城"
|
||||
},
|
||||
"options": {
|
||||
"url": "/product_management/storefront/index.ui"
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {
|
||||
"label": "🔑 API Key",
|
||||
"css": "text",
|
||||
"width": "100%",
|
||||
"halign": "left",
|
||||
"padding": "14px 16px",
|
||||
"orientation": "horizontal",
|
||||
"bgcolor": "transparent"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
"wid": "self",
|
||||
"event": "click",
|
||||
"actiontype": "urlwidget",
|
||||
"target": "PopupWindow",
|
||||
"popup_options": {
|
||||
"title": "API Key"
|
||||
},
|
||||
"options": {
|
||||
"url": "/dapi/apikey_manage.ui"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "VBox",
|
||||
"options": {
|
||||
"width": "100%",
|
||||
"css": "card",
|
||||
"borderRadius": "12px",
|
||||
"padding": "4px 0",
|
||||
"gap": "0px"
|
||||
},
|
||||
"subwidgets": [
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"id": "mine_theme_btn",
|
||||
"options": {"label": "🌙 深色模式", "css": "text", "width": "100%", "halign": "left", "padding": "14px 16px", "orientation": "horizontal"},
|
||||
"binds": [{"wid": "self", "event": "click", "actiontype": "script", "target": "self",
|
||||
"script": "var h=document.documentElement;var t=h.getAttribute('data-theme')||'light';var n=t=='light'?'dark':'light';h.setAttribute('data-theme',n);try{localStorage.setItem('pipeline_ui_theme',n);}catch(e){}if(window.applyPipelineTheme){window.applyPipelineTheme(n);}this.opts.label=(n=='dark'?'☀️ 浅色模式':'🌙 深色模式');if(this.text_w){this.text_w.set_text(this.opts.label);}"}]
|
||||
"options": {
|
||||
"label": "🌙 深色模式",
|
||||
"css": "text",
|
||||
"width": "100%",
|
||||
"halign": "left",
|
||||
"padding": "14px 16px",
|
||||
"orientation": "horizontal",
|
||||
"bgcolor": "transparent"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
"wid": "self",
|
||||
"event": "click",
|
||||
"actiontype": "script",
|
||||
"target": "self",
|
||||
"script": "var h=document.documentElement;var t=h.getAttribute('data-theme')||'light';var n=t=='light'?'dark':'light';h.setAttribute('data-theme',n);try{localStorage.setItem('pipeline_ui_theme',n);}catch(e){}if(window.applyPipelineTheme){window.applyPipelineTheme(n);}this.opts.label=(n=='dark'?'☀️ 浅色模式':'🌙 深色模式');if(this.text_w){this.text_w.set_text(this.opts.label);}"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"widgettype": "Button",
|
||||
"options": {"label": "🚪 退出登录", "css": "text", "width": "100%", "halign": "left", "padding": "14px 16px", "orientation": "horizontal", "color": "#ef4444"},
|
||||
"binds": [{"wid": "self", "event": "click", "actiontype": "urlwidget", "target": "PopupWindow",
|
||||
"popup_options": {"title": "退出登录"},
|
||||
"options": {"url": "/rbac/user/logout.dspy"}}]
|
||||
"options": {
|
||||
"label": "🚪 退出登录",
|
||||
"css": "text",
|
||||
"width": "100%",
|
||||
"halign": "left",
|
||||
"padding": "14px 16px",
|
||||
"orientation": "horizontal",
|
||||
"color": "#ef4444",
|
||||
"bgcolor": "transparent"
|
||||
},
|
||||
"binds": [
|
||||
{
|
||||
"wid": "self",
|
||||
"event": "click",
|
||||
"actiontype": "urlwidget",
|
||||
"target": "PopupWindow",
|
||||
"popup_options": {
|
||||
"title": "退出登录"
|
||||
},
|
||||
"options": {
|
||||
"url": "/rbac/user/logout.dspy"
|
||||
}
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user