fix(fe): 报告页/我的 底部被 tabBar 遮住
no-fab 的底部留白是 60rpx,那是给二级页(无 tabBar)用的。报告页和「我的」 是 tab 页,底下有原生 tabBar(高 108rpx),60rpx 让不开,最后一张卡/入口 被 tabBar 压住 —— 报告页的「全部记录」就点不到。 加 --pad-b-tab(150rpx + 安全区)和 .tab-nofab 类,报告页和我的改用它。 no-fab(60rpx)留给真正的二级页(record/plan/expense/history/settings…)。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
@@ -73,6 +73,9 @@ page{
|
||||
--pad-x:40rpx;
|
||||
--pad-b-fab:calc(330rpx + env(safe-area-inset-bottom));
|
||||
--pad-b-plain:calc(60rpx + env(safe-area-inset-bottom));
|
||||
/* tab 页底下有原生 tabBar(高 108rpx)。报告页/我的没有 FAB,用 no-fab 的
|
||||
60rpx 让不开 tabBar,最后一张卡会被 tabBar 压住 —— 这两页要用这个 */
|
||||
--pad-b-tab:calc(150rpx + env(safe-area-inset-bottom));
|
||||
|
||||
color:var(--text);
|
||||
font-weight:var(--fw);
|
||||
@@ -97,6 +100,7 @@ view,text{box-sizing:border-box}
|
||||
.page-body{padding:var(--sp-1) var(--pad-x) var(--pad-b-fab)}
|
||||
/* 没挂 FAB 的页面(目前只有文章详情)不需要给它让位 */
|
||||
.page-body.no-fab{padding-bottom:var(--pad-b-plain)}
|
||||
.page-body.tab-nofab{padding-bottom:var(--pad-b-tab)}
|
||||
|
||||
/* 全局隐藏滚动条(页面级 + 组件级),保留正常滚动 */
|
||||
::-webkit-scrollbar{
|
||||
|
||||
Reference in New Issue
Block a user