Files
sundynix-pets/pets-fe/custom-tab-bar/index.js
T
Blizzard 29d2cd3faf refactor(fe): 记录从 tab 降级成页面,tabBar 减到 4 个
## tabBar
首页 / 报告 / 社区 / 我的。记录不再是 tab。

因为高亮是 tabBar 组件按当前路由自己算的(Phase A 那次改的),删一个 tab
只需要动 LIST 一处,四个页面一行都没改。

## 快速记录独立成页 —— 但没有新建页面
弹层里塞 24 项确实挤(用户原话「很丑」)。撤掉上一版加的 quickRecord 分支。

**pages/record/record 本身就是那个页面**:它顶部已经是 24 项 4 组宫格,
下面接着健康洞察、体重趋势、健康时间轴。再单独建一个只放宫格的页面,等于同一个
宫格维护两份,而且那页除了宫格什么都没有,进去点一下就得退出来。

所以把它从 tab 降级成二级页:nav 标题从「快速记录」改成「记录」+ 返回键,
移除 tabBar 同步。首页右下角悬浮键直接跳它,落地就是宫格。

pet-switch 保留 —— 时间轴/趋势/洞察都是按宠物看的,而且计划页作为二级页
也是这么处理的,一致。

## 入口
  首页悬浮键        → 记录页(全部 24 项)
  首页「快速记录」卡  → 8 个高频项直接开表单,「更多」→ 记录页
  文章页 / 设置页    → 记录页
三处 switchTab 改成 navigateTo(记录页已经不是 tab,switchTab 会静默失败)。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-07-30 09:55:52 +08:00

34 lines
1.2 KiB
JavaScript

const LIST = [
{ pagePath: '/pages/home/home', text: '首页', icon: 'home' },
{ pagePath: '/pages/report/report', text: '报告', icon: 'report' },
{ pagePath: '/pages/community/community', text: '社区', icon: 'community' },
{ pagePath: '/pages/mine/mine', text: '我的', icon: 'user' },
];
Component({
data: { selected: 0, hidden: false, list: LIST },
lifetimes: {
attached() {
this.syncSelected();
},
},
methods: {
// 高亮由当前页面路径算出来,页面那边不写死 0/1/2/3/4,
// 调 tab 顺序只改上面的 LIST 就够了。
//
// 触发时机必须由页面 onShow 推(见 utils/tabbar.js):自定义 tabBar 不在
// 页面节点树里,组件自己的 pageLifetimes.show 拿不到可靠时机,实测切到
// 「我的」时高亮还留在「首页」。
syncSelected() {
const pages = getCurrentPages();
const cur = pages[pages.length - 1];
if (!cur) return;
const i = LIST.findIndex((t) => t.pagePath === '/' + cur.route);
if (i >= 0) this.setData({ selected: i });
},
switchTab(e) {
wx.switchTab({ url: LIST[e.currentTarget.dataset.index].pagePath });
},
},
});