jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(首页工具卡): 图标换成各工具页左上角的 LOGO (v26093020)

Browse Source 
- 五张卡的扁平图标换成点进去那个工具页左上角的 LOGO 原图（透明 PNG）：
  数胎动 .brand-logo、孕期体重 img.brand-logo、孕检日历 .hero-brand i、胎儿估重 .lg、数宫缩 svg.brand-logo。
- 孕检日历原图四角有锯齿缺口，补成连续圆角。
- LOGO 不再出血到卡边外，统一离右下角约 10px、挂同一档投影；尺寸按卡片空间重新摆放，
  避开「记录」按钮和标题。卡片底色、版式、跳转、数据回填不变。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-09-30 16:50:21 +00:00
parent 37bdfa6f24
commit d164688743
13 changed files with 19 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
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:26093019 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26093020 缓存版本标记：改 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 第四节） -->
@@ -220,8 +220,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 五张卡改版：白色粗标题 + 扁平图标（小脚丫 / 体重秤 / 台历 / 秤盘小豆宝宝 / 秒表，
assets/img/*.svg 自画，白色 + 同色系实色块，无渐变无阴影）。卡底色跟点进去的工具页同色系、稍深一档。
<!-- 2026-09-30 五张卡改版：白色粗标题 + 各工具自己的 LOGO（从点进去那个工具页左上角的 LOGO 原样取出，
assets/img/*.png 透明底）。卡底色跟点进去的工具页同色系、稍深一档。
只换皮：排布、高度账、data-mini 跳转和各 id 的数据回填一律没动。样式见 mama-box.css「参考图改版」。 -->
<!-- 五张工具卡 + 一个出口。宫格本身这一版没动：
不等宽三列 + 竖向堆叠本来就是这一屏最不传统的部分，
@@ -242,7 +242,7 @@
<div class="mc-extra" id="kickExtra"></div>
</div>
<span class="mc-btn">记录</span>
<img class="mc-art" src="assets/img/08c0d4c6445b.svg" alt="" aria-hidden="true">
<img class="mc-art" src="assets/img/57e2da52315e.png" alt="" aria-hidden="true">
</button>
<!-- 第五个工具。原来是「胎心记录」，本批换成「胎儿估重」——
后者是真正部署好的站点（beian1.douba.top），点了能用；
@@ -258,11 +258,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/edd9c3b72928.svg" alt="" aria-hidden="true">
<img class="mc-art" src="assets/img/d63a9ebd41e6.png" alt="" aria-hidden="true">
</button>
</div>
<button class="mini-card weight ripple" data-mini="weight">
<img class="mc-art big" src="assets/img/55ee74af0138.svg" alt="" aria-hidden="true">
<img class="mc-art big" src="assets/img/1619eff2a7e6.png" alt="" aria-hidden="true">
<div class="mc-title">孕期体重</div>
<!-- ⚠️ 这里原来是写死的演示值「58.2 kg」，任何用户都会看到（2026-09-22 演示数据泄漏）。
现在由 `applyRemoteCards()` 按 box_app 封装的卡片接口写入：
@@ -275,7 +275,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/0abc42a1a6e1.svg" alt="" aria-hidden="true">
<img class="mc-art" src="assets/img/9857cf22bbab.png" alt="" aria-hidden="true">
</button>
<!-- 生长曲线原来是 flex:1，把这一列剩下的高度全吃了（约 134px），
而它的内容和上面的孕检日历一模一样多。压到 80px，
@@ -291,7 +291,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/637bd1a7ef6a.svg" alt="" aria-hidden="true">
<img class="mc-art" src="assets/img/0552a97dc8a1.png" alt="" aria-hidden="true">
</button>
<!-- 通往「记一下」弹层里那十几个工具。底部那颗 FAB 开的也是它。
故意不做成糖果色卡：它不是第六个工具，是个出口，