mama-box 首页与底tab 第九批: 卡2 生长曲线→数宫缩(gongsuopinlv), 档案tab跳孕检日历, 来信tab改兜爸心选商城(购物袋图标+红点移到首页), 隐藏专属福利; 工具链接统一 mp 业务域名 (v26091601)

This commit is contained in:
2026-09-16 16:34:28 +08:00
parent 7868556042
commit 60bc63a870
4 changed files with 70 additions and 31 deletions

View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26090817 缓存版本标记:改 css/js 时同步 bump 该值,并给下方资源引用加 ?v= 以强制 webview 刷新子资源 -->
<!-- V:26091601 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
</head>
@@ -16,7 +16,10 @@
<div class="phone" id="phone">
<nav class="tabbar" id="tabbar">
<button class="tab is-active" data-tab="home">
<span class="t-ico ic-home"></span><span class="t-txt">首页</span>
<!-- ⚠️ 未读红点 #tabBadge 本批(第九批)从原「宝宝来信」tab 挪到这里:
那枚 tab 改成了商城入口(见下方 #tabMall),把信件未读红点挂在商城里会误导。
挪动是纯 DOM 位置调整,syncLetterCounts/applyRemote* 仍只按 id 取,JS 一行没改。 -->
<span class="t-ico ic-home"></span><span class="t-badge" id="tabBadge"></span><span class="t-txt">首页</span>
</button>
<button class="tab" data-tab="archive">
<span class="t-ico ic-archive"></span><span class="t-txt">档案</span>
@@ -24,17 +27,16 @@
<button class="tab tab-fab" data-sheet="open">
<span class="fab"><img src="assets/img/69818ea975da.png" alt="" aria-hidden="true"></span><span class="t-txt">记一下</span>
</button>
<button class="tab" data-tab="letter">
<!-- ⚠️ 「宝宝来信」。上一批按需求整条线改口叫过「宝宝消息」,本批用户明确要求
**退回「来信」**,全线七处一起退(底 tab、首页卡、详情页顶栏、珍贵时刻卡
标题 + 出处、搜索占位符、搜索 chip)。
退回之后那条老矛盾会跟着回来:列表本身是聊天气泡(头像 + 气泡 + 时间戳),
tab 上写「来信」、点进去是一屏对话,字面上对不齐。这是用户看过两版之后
**选定**的说法,不是漏改 —— 想再改回「消息」之前先去问,别自己动。
⚠️ 这枚标签**不跟小名走**(syncBabyWords 有意不碰它):底 tab 是全局导航,
跟着改会变成「小汤圆来信」,四个 tab 里只有这一个宽度会变;
而且导航栏本来就该是固定坐标,不随用户数据浮动。 -->
<span class="t-ico ic-letter"></span><span class="t-badge" id="tabBadge"></span><span class="t-txt">宝宝来信</span>
<button class="tab" id="tabMall">
<!-- ⚠️ 本批(第九批)按用户要求,把原「宝宝来信」这枚底 tab 改成「兜爸心选」商城入口。
⚠️ 与「档案」tab 同款:**不挂 data-tab**,点了直接走 goMall() 跳小程序原生商城页
(switchTab /pages/goods_cate/goods_cate),所以它**没有** is-active 高亮态,
也不参与 go() 的 tab 高亮切换。
⚠️ 来信屏 #screen-letter **没有被删**:它仍在 swipe() 的 order 里,左右滑动还能进;
只是底 tab 不再提供入口(用户本批明确选择「保留屏幕、滑动仍可进入」)。
想再把这枚 tab 挂回来信之前先去问,别自己动。
⚠️ 未读红点已挪到「首页」tab(原 #tabBadge 的位置),别再挂回这枚商城 tab。 -->
<span class="t-ico ic-shop"></span><span class="t-txt">兜爸心选</span>
</button>
<button class="tab" data-tab="me">
<span class="t-ico ic-me"></span><span class="t-txt">我的</span>
@@ -209,9 +211,18 @@
</button>
<!-- 生长曲线原来是 flex:1,把这一列剩下的高度全吃了(约 134px),
而它的内容和上面的孕检日历一模一样多。压到 80px,
省下的 54px 给下面那张「更多工具」。 -->
省下的 54px 给下面那张「更多工具」。
⚠️ 本批(第九批)把这张卡从「生长曲线」换成「数宫缩」:
文案改这一行;落点改 app.js 的 MINI_APP_MAP.curve
(taiershengzhang → gongsuopinlv,指向已上架的「宫缩频率计算」)。
⚠️「生长曲线」工具本身**没被删**:App 表里 taiershengzhang /
taierquxian 都还在,仍会出现在「记一下」的全部工具列表里;
这里换掉的只是首页这一个坑位。
⚠️ 图标仍是原来那张 72f41378ef8e(曲线插画),本批未要求换;
若要换成宫缩/宫缩计时的插画,属另一次改动。
⚠️ 副标题仍是 data-wk="cn" 自动显示孕周,本批未要求改文案。 -->
<button class="mini-card curve ripple" data-mini="curve">
<div class="mc-title sm">生长曲线</div>
<div class="mc-title sm">数宫缩</div>
<div class="mc-sub" data-wk="cn">—</div>
<img class="mc-art" src="assets/img/72f41378ef8e.png" alt="" aria-hidden="true">
</button>
@@ -850,10 +861,19 @@
⚠️ 故意**不挂 data-modal="modalWx"**。那条通用通道直接调 openModal,
会绕过 openWx() —— 弹窗的模式类名、引导语、上次残留的红字和
输入内容、还有 wxPending 全都不会被重置。这里必须走 JS 那条路。
⚠️ 这张卡**不随解锁状态隐藏**(资源库顶部那条 banner 会)。
它是「我的」页的常驻入口,藏了会缺一块;代价是已解锁的人
仍会看到福利文案 —— 由弹窗 done 模式的文案把动线接上,
见 app.js openWx() 里那三段。这是有意的,不是漏改。 -->
⚠️ 这张卡历史上**不随解锁状态隐藏**(资源库顶部那条 banner 会),
定位是「我的」页的常驻入口。本批(第九批)按用户要求把整块
「专属福利」先隐藏 —— 见下面 #meWelfareHidden 那段注释;
上面这条「常驻」的旧约定随之暂停,恢复时把该容器的 display:none 去掉即可。 -->
<!-- ⚠️ 本批(第九批)按用户要求**先隐藏**「专属福利」整块(标题 + 孕育顾问卡)。
用外层容器 display:none 而不是删 DOM,原因有二:
① #meWxCard 的点击绑定(app.js openWx('gift'))、syncBabyWords() 对
#meWxTitle/#meWxSub 的写入都还引用它们,删了会当场报错;
② 保留 DOM 便于随时一键恢复(去掉这里的 display:none 即可)。
⚠️ 隐藏的只是这一块。下面「甄选好物 / 进入商城」(#meMallCard)**不动** ——
它是另一张卡,用户没要求藏。
⚠️ 资源库顶部那条 #rlGift banner 不在这一块里,本次未动。 -->
<div id="meWelfareHidden" style="display:none">
<h2 class="sec-title dark">专属福利</h2>
<button class="wx-card ripple" id="meWxCard">
<!-- ⚠️ 这一版是**三段竖排**:角标行 / 图文行 / 通栏 CTA。
@@ -983,6 +1003,7 @@
<button>,按钮套按钮是非法 HTML。 -->
<span class="wx-cta">立即免费领取</span>
</button>
</div>
<h2 class="sec-title dark">甄选好物</h2>
<button class="wx-card ripple" id="meMallCard">
@@ -1431,7 +1452,10 @@
<button class="app ripple"><img class="a-ico" src="assets/img/505ace532176.png" alt="" aria-hidden="true">数胎动</button>
<button class="app ripple"><img class="a-ico" src="assets/img/8b0f0a53938b.png" alt="" aria-hidden="true">孕期体重</button>
<button class="app ripple"><img class="a-ico" src="assets/img/9a2e7fa472dc.png" alt="" aria-hidden="true">孕检日历</button>
<button class="app ripple"><img class="a-ico" src="assets/img/f989a64fe960.png" alt="" aria-hidden="true">生长曲线</button>
<!-- ⚠️ 下面这十几枚是**接口数据到达前的静态占位**:loadPublishedApps() 拉到
/api/mp/apps 后会用 renderAppGrid() 整个 innerHTML 覆盖。所以这里改不改
只影响首帧闪现;本批把「生长曲线」同步改成「数宫缩」,与首页卡口径一致。 -->
<button class="app ripple"><img class="a-ico" src="assets/img/f989a64fe960.png" alt="" aria-hidden="true">数宫缩</button>
<button class="app ripple"><img class="a-ico" src="assets/img/fd875eb78785.png" alt="" aria-hidden="true">胎心记录</button>
<button class="app ripple"><img class="a-ico" src="assets/img/97c33531806b.png" alt="" aria-hidden="true">孕肚照</button>
<button class="app ripple"><img class="a-ico" src="assets/img/de0bc9e250f2.png" alt="" aria-hidden="true">B超影像</button>