feat(首页): 删掉孕期每日小打卡;工具卡图标只留 LOGO 里的图形并改矢量 (v26093021)

- 删除首页「孕期每日小打卡」模块:HTML、.daily-check/.dc-* 样式、renderDaily 及产后收起逻辑、
  三张专用图标。工具区重新成为首页第一块(首块间距规则本就按 :first-child 走)。
- 五张工具卡图标去掉 LOGO 外面的圆角方块 / 圆环底,只留里面的图形,全部改成 SVG:
  数胎动小脚丫、胎儿估重表盘、数宫缩波形直接取自工具页原 SVG;
  孕期体重(原图 128px webp)、孕检日历(原图 100px png)原图太小放大发糊,照原图配色重画为矢量。
- 图标位置微调,避开「记录」按钮和标题。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-09-30 17:00:21 +00:00
parent d164688743
commit a7e71fda2d
16 changed files with 28 additions and 125 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:26093020 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26093021 缓存版本标记:改 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 第四节) -->
@@ -174,35 +174,6 @@
页面也因此有了两种宽度节奏:文字型内容仍在 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,不再是标题底下一行贴边的灰字。
@@ -220,8 +191,8 @@
<button class="dock-all" data-sheet="open">所有工具 ›</button>
</div>
<p class="dock-note"><svg viewBox="0 0 24 24" width="11" height="11" aria-hidden="true"><path d="M11 2.6l1.9 5.2 5.2 1.9-5.2 1.9L11 16.8l-1.9-5.2L3.9 9.7l5.2-1.9L11 2.6z" fill="currentColor"/><path d="M18.4 14.6l.8 2.1 2.2.8-2.2.8-.8 2.1-.8-2.1-2.2-.8 2.2-.8.8-2.1z" fill="currentColor" opacity=".6"/></svg>妈妈每记录一次,宝宝就多一段成长记忆</p>
<!-- 2026-09-30 五张卡改版:白色粗标题 + 各工具自己的 LOGO(从点进去那个工具页左上角的 LOGO 原样取出,
assets/img/*.png 透明底)。卡底色跟点进去的工具页同色系、稍深一档。
<!-- 2026-09-30 五张卡改版:白色粗标题 + 各工具 LOGO 里的图形(取自点进去那个工具页左上角的 LOGO,
去掉外面的圆角方块 / 圆环底,只留里面的图形;assets/img/*.svg 矢量)。卡底色跟点进去的工具页同色系、稍深一档。
只换皮:排布、高度账、data-mini 跳转和各 id 的数据回填一律没动。样式见 mama-box.css「参考图改版」。 -->
<!-- 五张工具卡 + 一个出口。宫格本身这一版没动:
不等宽三列 + 竖向堆叠本来就是这一屏最不传统的部分,
@@ -242,7 +213,7 @@
<div class="mc-extra" id="kickExtra"></div>
</div>
<span class="mc-btn">记录</span>
<img class="mc-art" src="assets/img/57e2da52315e.png" alt="" aria-hidden="true">
<img class="mc-art" src="assets/img/6a738c6b4784.svg" alt="" aria-hidden="true">
</button>
<!-- 第五个工具。原来是「胎心记录」,本批换成「胎儿估重」——
后者是真正部署好的站点(beian1.douba.top),点了能用;
@@ -258,11 +229,11 @@
<button class="mini-card fweight ripple" data-mini="fweight">
<div class="mc-title sm">胎儿估重</div>
<div class="mc-sub">去测算</div>
<img class="mc-art" src="assets/img/d63a9ebd41e6.png" alt="" aria-hidden="true">
<img class="mc-art" src="assets/img/5486081fed1b.svg" alt="" aria-hidden="true">
</button>
</div>
<button class="mini-card weight ripple" data-mini="weight">
<img class="mc-art big" src="assets/img/1619eff2a7e6.png" alt="" aria-hidden="true">
<img class="mc-art big" src="assets/img/e23a31b6fb87.svg" alt="" aria-hidden="true">
<div class="mc-title">孕期体重</div>
<!-- ⚠️ 这里原来是写死的演示值「58.2 kg」,任何用户都会看到(2026-09-22 演示数据泄漏)。
现在由 `applyRemoteCards()` 按 box_app 封装的卡片接口写入:
@@ -275,7 +246,7 @@
<button class="mini-card cal ripple" data-mini="cal">
<div class="mc-title sm">孕检日历</div>
<div class="mc-sub" id="calNext">—</div>
<img class="mc-art" src="assets/img/9857cf22bbab.png" alt="" aria-hidden="true">
<img class="mc-art" src="assets/img/a8775a486c4c.svg" alt="" aria-hidden="true">
</button>
<!-- 生长曲线原来是 flex:1,把这一列剩下的高度全吃了(约 134px),
而它的内容和上面的孕检日历一模一样多。压到 80px,
@@ -291,7 +262,7 @@
<button class="mini-card curve ripple" data-mini="curve">
<div class="mc-title sm">数宫缩</div>
<div class="mc-sub" data-wk="cn">—</div>
<img class="mc-art" src="assets/img/0552a97dc8a1.png" alt="" aria-hidden="true">
<img class="mc-art" src="assets/img/3fb748e6df44.svg" alt="" aria-hidden="true">
</button>
<!-- 通往「记一下」弹层里那十几个工具。底部那颗 FAB 开的也是它。
故意不做成糖果色卡:它不是第六个工具,是个出口,