Blizzard
6d49d28e1a
## 1. tabBar 高亮不跟着切（进「我的」还亮在「首页」） Phase A 我把高亮改成 custom-tab-bar 自己在 pageLifetimes.show 里按路由算， 想省掉五个页面的硬编码。实测不行：自定义 tabBar 不在页面节点树里， pageLifetimes 拿不到可靠时机，selected 一直停在默认的 0。 回到官方那套「页面 onShow 推一把」，但索引仍然由 tabBar 按当前路由自己算 （utils/tabbar.js → syncSelected），页面这边不写死 0/1/2/3/4。 调 tab 顺序还是只改一个 LIST，五个页面一行都不用动——原来想要的收益保住了， 只是多了五行 syncTabBar(this)。 ## 2. 头像被头图盖住，只露出下半个 .pf-bg 带了 position:relative，定位元素会盖过静态的兄弟节点，DOM 顺序在后 也没用。给 .pf-av 加 position:relative + z-index，同时把 .pf-bg 上那个没人 用的 position 去掉。头图高度 220 → 180rpx，纯渐变时不至于占掉半屏。 ## 3.「我的」页四个入口整个散架，图标文字箭头各占一行 .profile-list / .profile-row / .pr-ic / .pr-label / .pr-val 全在 settings.wxss 里——Phase A 从 profile 拆页时留在了设置页，mine 用同一批 class 但样式跨不了页，于是完全裸奔。提到 app.wxss。 这是这个项目第二次踩「页面级 wxss 跨页用」了（上次是 .post-card 在用户 主页裸奔）。两个页面共用的 class 就不该留在任一页的 wxss 里。 Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
73 lines
1.9 KiB
JavaScript
73 lines
1.9 KiB
JavaScript
const store = require('../../utils/store.js');
|
|
const api = require('../../utils/api.js');
|
|
const { syncTabBar } = require('../../utils/tabbar.js');
|
|
|
|
Page({
|
|
data: {
|
|
pet: {},
|
|
report: null,
|
|
gainText: '+0.0',
|
|
bill: null,
|
|
summary: null,
|
|
sheetShow: false,
|
|
sheetType: '',
|
|
},
|
|
onLoad() {
|
|
this._unsub = store.subscribe((pet) => {
|
|
this.setData({ pet });
|
|
if (!this._inited) return; // 首次由 onShow 加载
|
|
this.loadData();
|
|
});
|
|
},
|
|
onUnload() {
|
|
if (this._unsub) this._unsub();
|
|
},
|
|
onShow() {
|
|
syncTabBar(this);
|
|
store
|
|
.ready()
|
|
.then(() => {
|
|
this._inited = true;
|
|
this.setData({ pet: store.getPet() });
|
|
this.loadData();
|
|
})
|
|
.catch((e) => wx.showToast({ title: e.message || '加载失败', icon: 'none' }));
|
|
},
|
|
loadData() {
|
|
const id = store.currentPetId();
|
|
if (!id) return;
|
|
Promise.all([api.weeklyReport(id), api.getBill(id, 'month'), api.healthSummary(id)])
|
|
.then(([report, bill, summary]) => {
|
|
const g = report.weight_gain || 0;
|
|
this.setData({
|
|
report,
|
|
gainText: (g >= 0 ? '+' : '') + g.toFixed(1),
|
|
bill,
|
|
summary,
|
|
});
|
|
})
|
|
.catch(() => {});
|
|
},
|
|
openSheet(e) {
|
|
this.setData({ sheetType: e.currentTarget.dataset.type, sheetShow: true });
|
|
},
|
|
closeSheet() {
|
|
this.setData({ sheetShow: false });
|
|
},
|
|
onAddPet() {
|
|
this.setData({ sheetType: 'addPet', sheetShow: true });
|
|
},
|
|
onFab() {
|
|
wx.navigateTo({ url: '/pages/ai/ai' });
|
|
},
|
|
onShareAppMessage() {
|
|
// 带上宠物名，转发出去别人一眼知道是谁家的
|
|
const n = (this.data.pet && this.data.pet.name) || '我家毛孩子';
|
|
return { title: `${n} 的成长报告`, path: '/pages/report/report' };
|
|
},
|
|
onShareTimeline() {
|
|
const n = (this.data.pet && this.data.pet.name) || '我家毛孩子';
|
|
return { title: `${n} 的成长报告` };
|
|
},
|
|
});
|