fix(home): 新主页手机适配——登录按钮防压扁(子项禁缩+nowrap)+footer竖排消横向滚动+手机端隐藏语言切换;390px真机探针定量

This commit is contained in:
yumoqing 2026-09-17 14:44:25 +08:00
parent 7034fbe190
commit 2d3935d722
3 changed files with 18 additions and 2 deletions

View File

@ -82,7 +82,10 @@ header = {
{'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'),
{'widgettype': 'urlwidget', 'options': {'url': "{{entire_url('i18n/language.ui')}}"}},
# 手机端隐藏语言切换2026-09-17 手机适配390px 宽下 header 预算只够
# logo+主题+登录按钮jp「ログイン / 新規登録」最宽),语言切换登录后仍可切。
{'widgettype': 'urlwidget',
'options': {'url': "{{entire_url('i18n/language.ui')}}", 'mobile_hidden': True}},
btn('登录 / 注册', 'pl-btn pl-btn-sm', bind=login_bind()),
],
}

View File

@ -130,4 +130,15 @@ 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}
.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}
/* 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}
}

View File

@ -725,6 +725,7 @@
]
}
{% else %}
{
"id": "app",
@ -869,7 +870,8 @@
{
"widgettype": "urlwidget",
"options": {
"url": "{{entire_url('i18n/language.ui')}}"
"url": "{{entire_url('i18n/language.ui')}}",
"mobile_hidden": true
}
},
{