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{
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
<nav-bar title="我的"></nav-bar>
|
||||
|
||||
<scroll-view class="page-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
|
||||
<view class="page-body no-fab">
|
||||
<view class="page-body tab-nofab">
|
||||
<!-- 和「宠友主页」同一个组件。自己看到的就是别人看到的,装扮才有意义 -->
|
||||
<profile-head card="{{card}}" bind:relations="goRelations"
|
||||
bind:decorate="goDecorate" bind:pet="onPickPet"></profile-head>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
<view class="top-bar"><pet-switch bind:add="onAddPet"></pet-switch></view>
|
||||
|
||||
<scroll-view class="page-scroll" scroll-y="{{true}}" enhanced="{{true}}" show-scrollbar="{{false}}">
|
||||
<view class="page-body no-fab">
|
||||
<view class="page-body tab-nofab">
|
||||
<view wx:if="{{!pet.id}}" class="no-pet">
|
||||
<view class="no-pet-ic"><pt-icon name="community" size="{{52}}"></pt-icon></view>
|
||||
<view class="no-pet-b">还没有毛孩子的档案</view>
|
||||
|
||||
Reference in New Issue
Block a user