feat(首页): 新增「孕期每日小打卡」——按钮带状态小标签 (v26093012)

- 首页正文最上面加一块「孕期每日小打卡」:数胎动 / 称体重 / 产检三行,
  每行右侧一枚状态标签,点整行进对应应用(复用 data-mini + MINI_APP_MAP + jumpApp)。
- 标签来自工具卡同一个接口(applyRemoteCards → renderDaily),不另打请求:
  今日已记 N 次 / 今天还没记;今日已称 / 今天还没称(按接口 day 判今天);
  距 NT 还有 7 天 / 今天糖耐检查 / 待补记 / 看产检安排。
  抬头右端「今日已完成 x/2」(只数胎动、体重两件每日事)。
- 接口没回、访客态保留中性提示,不写数字;产后态整块收起。
- 首块间距规则改为 .home-body>:first-child,工具托盘并入块间 16px。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-09-30 13:10:04 +00:00
parent 62b23af323
commit 9ea9f3c50f
3 changed files with 112 additions and 6 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:26093011 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26093012 缓存版本标记:改 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>
<!-- 共享助手:授权/跳商城/位置上报(分享卡片同步,见 docs/h5-auth-standard.md 第四节) -->
@@ -177,6 +177,35 @@
页面也因此有了两种宽度节奏:文字型内容仍在 26px 栏内,
托盘和卡带出血到屏幕边缘。 -->
<div class="home-body no-letter" id="homeBody">
<!-- 孕期每日小打卡(2026-09-30)。用户原话:「给按钮加个小标签,同步最新状态……
一眼就能拿到关键信息,点进去再看完整详情就行」「叫孕期每日小打卡,直白好懂」。
三行都不是新功能,是把已有应用的「今天的状态」提到最上面一眼可见:
数胎动 / 孕期体重 / 孕检日历,点整行 = 进对应应用(data-mini 复用工具卡那套 MINI_APP_MAP + jumpApp)。
标签数据全部来自工具卡同一个接口(applyRemoteCards → renderDaily),**不另打请求**。
⚠️ 默认标签是中性的动作提示(去记录 / 去称重 / 看产检安排),不写数字:
接口没回来、访客态时它们就这样留着,不造假数据(AGENTS §4.2)。
⚠️ 产后态整块收起(syncPregnancy 里 toggle .hide),孕期打卡对已生产的用户没意义。 -->
<section class="daily-check" id="dailyCheck">
<div class="dc-head">
<h2 class="dc-title">孕期每日小打卡</h2>
<span class="dc-done hide" id="dcDone"></span>
</div>
<button class="dc-row" data-mini="kick" data-dc="kick">
<img class="dc-ico" src="assets/img/7980160b80b0.png" alt="" aria-hidden="true">
<span class="dc-name">数胎动</span>
<span class="dc-tag" id="dcKick">去记录</span><i class="chev" aria-hidden="true">›</i>
</button>
<button class="dc-row" data-mini="weight" data-dc="weight">
<img class="dc-ico" src="assets/img/b2066fd752bf.png" alt="" aria-hidden="true">
<span class="dc-name">称体重</span>
<span class="dc-tag" id="dcWeight">去称重</span><i class="chev" aria-hidden="true">›</i>
</button>
<button class="dc-row" data-mini="cal" data-dc="cal">
<img class="dc-ico" src="assets/img/2d23b079caca.png" alt="" aria-hidden="true">
<span class="dc-name">产检</span>
<span class="dc-tag" id="dcCal">看产检安排</span><i class="chev" aria-hidden="true">›</i>
</button>
</section>
<!-- 模块一 · 工具托盘。
抬头进了托盘里面:标题独占一行,右端「所有工具」做成白底细边胶囊;
说明单独做成一枚浅色 chip,不再是标题底下一行贴边的灰字。