yumoqing/pipeline-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(home): 手机header改两行布局(行1 logo+登录/行2 锚点+主题+语言)——根治logo溢出叠按钮+恢复手机锚点导航;logo-box加min-width:0修bricks Text flex不缩

Browse Source
This commit is contained in:
yumoqing 2026-09-17 14:58:46 +08:00
parent 2d3935d722
commit d78bf4af6f
3 changed files with 25 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
scripts/gen_home_index.py
View File

@ -69,23 +69,20 @@ header = {
'options': {'css': 'pl-header', 'width': '100%', 'padding': '0 clamp(20px,6vw,90px)',
'alignItems': 'center', 'gap': '14px', 'cheight': 3.2},
'subwidgets': [
{'widgettype': 'VBox', 'options': {'gap': '2px', 'alignItems': 'flex-start'},
{'widgettype': 'VBox', 'options': {'css': 'pl-logo-box', 'gap': '2px', 'alignItems': 'flex-start'},
'subwidgets': [T('产线平台', 'pl-logo'), TN('PIPELINE PLATFORM', 'pl-logo-sub')]},
{'widgettype': 'Filler'},
T('能力', 'pl-nav', mobile_hidden=True, binds=[
T('能力', 'pl-nav', binds=[
{'wid': 'self', 'event': 'click', 'actiontype': 'script', 'target': 'self',
'script': scroll_script('sec_caps')}]),
T('产线', 'pl-nav', mobile_hidden=True, binds=[
T('产线', 'pl-nav', binds=[
{'wid': 'self', 'event': 'click', 'actiontype': 'script', 'target': 'self',
'script': scroll_script('sec_pipes')}]),
T('流程', 'pl-nav', mobile_hidden=True, binds=[
T('流程', 'pl-nav', binds=[
{'wid': 'self', 'event': 'click', 'actiontype': 'script', 'target': 'self',
'script': scroll_script('sec_flow')}]),
btn('🌙', 'pl-btn-ghost theme-icon-btn', script=THEME_SCRIPT, small_id='theme_toggle_btn'),
# 手机端隐藏语言切换（2026-09-17 手机适配）：390px 宽下 header 预算只够
# logo+主题+登录按钮（jp「ログイン / 新規登録」最宽），语言切换登录后仍可切。
{'widgettype': 'urlwidget',
'options': {'url': "{{entire_url('i18n/language.ui')}}", 'mobile_hidden': True}},
{'widgettype': 'urlwidget', 'options': {'url': "{{entire_url('i18n/language.ui')}}"}},
btn('登录 / 注册', 'pl-btn pl-btn-sm', bind=login_bind()),
],
}

21
wwwroot/home.css
View File

@ -130,14 +130,21 @@ html[data-theme="dark"] .pl-tag-live{color:#4ade80!important}
.pl-card{min-height:0;padding:20px!important}
.pl-orb{filter:blur(70px)}
.pl-step{padding:18px!important}
/* header 手机排布（2026-09-17 实测 390px）：子项禁缩防登录按钮被压成圆坨折三行；
logo 去副标题+缩字号+ellipsis 兜底极端字体；语言切换在生成器里 mobile_hidden。 */
.pl-header{padding:0 14px!important;gap:8px!important}
/* header 手机两行（2026-09-17 实测 390px）：行1=logo+登录，行2=三锚点+主题+语言。
单行预算不够（jp 登录文案最宽），且 bricks Text 是 flex 容器 min-width:auto 不缩
→ logo 文字曾溢出叠到主题按钮上。两行后预算充足，ellipsis 仅作极端字体兜底。
.pl-logo-box 为生成器加的 logo VBox class；语言切换=header 第 7 个子（urlwidget）。 */
.pl-header{flex-wrap:wrap!important;padding:8px 14px!important;gap:6px 10px!important}
.pl-header > *{flex-shrink:0!important}
.pl-header > *:first-child{flex-shrink:1!important;min-width:0!important}
.pl-logo{font-size:14px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.pl-logo-sub{display:none!important}
.pl-btn-sm{white-space:nowrap!important;padding:7px 14px!important;font-size:12px!important}
.pl-header > .filler{display:none!important}
.pl-logo-box{order:1;flex:1 1 auto;min-width:0!important}
.pl-logo-box > *{min-width:0!important;max-width:100%!important}
.pl-btn-sm{order:2;white-space:nowrap!important;padding:7px 14px!important;font-size:12px!important}
.pl-nav{order:3}
.theme-icon-btn{order:4;margin-left:auto}
.pl-header > *:nth-child(7){order:5}
.pl-logo{font-size:15px!important;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.pl-logo-sub{font-size:9px!important}
/* footer 竖排：版权行 381px+左padding 曾顶出 404px 造成 .pl-scroll 横向滚动 */
.pl-footer{flex-direction:column!important;align-items:flex-start!important;gap:6px!important;padding:20px 16px!important}
.pl-footer-t{width:100%!important;word-break:break-word!important}

14
wwwroot/index.ui
View File

@ -726,6 +726,7 @@
}
{% else %}
{
"id": "app",
@ -763,6 +764,7 @@
{
"widgettype": "VBox",
"options": {
"css": "pl-logo-box",
"gap": "2px",
"alignItems": "flex-start"
},
@ -797,8 +799,7 @@
"text": "能力",
"i18n": true,
"halign": "left",
"css": "pl-nav",
"mobile_hidden": true
"css": "pl-nav"
},
"binds": [
{
@ -817,8 +818,7 @@
"text": "产线",
"i18n": true,
"halign": "left",
"css": "pl-nav",
"mobile_hidden": true
"css": "pl-nav"
},
"binds": [
{
@ -837,8 +837,7 @@
"text": "流程",
"i18n": true,
"halign": "left",
"css": "pl-nav",
"mobile_hidden": true
"css": "pl-nav"
},
"binds": [
{
@ -870,8 +869,7 @@
{
"widgettype": "urlwidget",
"options": {
"url": "{{entire_url('i18n/language.ui')}}",
"mobile_hidden": true
"url": "{{entire_url('i18n/language.ui')}}"
}
},
{