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

首页孕期工具：工具宫格移到上面，记录数据卡移到下面；v26110124

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-01 22:54:18 +00:00
parent 567d6b36cf
commit e961048616
3 changed files with 42 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
guangchang/index.html
View File

@@ -402,8 +402,8 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
<div id="sheet" role="dialog" aria-modal="true"><i class="sg"></i><div class="sbd" id="sbd"></div></div>
<div class="toast" id="toast"></div>
<script src="topics.js?v=26110123"></script>
<script src="data.js?v=26110123"></script>
<script src="topics.js?v=26110124"></script>
<script src="data.js?v=26110124"></script>
<script>
(function () {
'use strict';

78
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:26110123 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26110124 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<link rel="stylesheet" href="night.css">
<!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） -->
@@ -213,40 +213,6 @@
<button class="ht-all" type="button" data-sheet="open" hidden style="display:none">全部<span aria-hidden="true"> ›</span></button>
<button class="ht-edit" id="htEdit" type="button" aria-label="编辑首页工具"><svg viewBox="0 0 24 24" width="13" height="13" aria-hidden="true"><path d="M4 20h4L19 9l-4-4L4 16z" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linejoin="round"/><path d="M13.5 6.5l4 4" stroke="currentColor" stroke-width="2.2"/></svg>编辑</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>
<div class="vt" id="vitals">
<button type="button" class="vt-it vt-k ripple" data-vt="kick" data-tool="taidong">
<span class="vt-top"><i class="vt-ic"><img src="/taidong/logo/logo-foot.svg" alt="" aria-hidden="true"></i><span class="vt-l">数胎动</span></span>
<span class="vt-v"><b id="vtK">--</b><small class="vt-u">次</small></span>
<span class="vt-f"><span class="vt-s" id="vtKs">去数一数 ›</span><span class="vt-d" id="vtKd"></span></span>
</button>
<button type="button" class="vt-it vt-w ripple" data-vt="weight" data-tool="yunqitizhong">
<span class="vt-top"><i class="vt-ic"><img src="/upload/picture/a6d7e61edee2ff0395cf00587a7c4036.svg" alt="" aria-hidden="true"></i><span class="vt-l">孕期体重</span></span>
<span class="vt-v"><b id="vtW">--</b><small class="vt-u">kg</small></span>
<span class="vt-f"><span class="vt-s" id="vtWs">去记一笔 ›</span><span class="vt-d" id="vtWd"></span></span>
</button>
<button type="button" class="vt-it vt-p ripple" data-vt="bp" data-tool="yun">
<span class="vt-top"><i class="vt-ic"><img src="/upload/picture/816227e3933211145bb8fc774ee32e82.svg" alt="" aria-hidden="true"></i><span class="vt-l">孕期血压</span></span>
<span class="vt-v"><b id="vtP">--</b><small class="vt-u">mmHg</small></span>
<span class="vt-f"><span class="vt-s" id="vtPs">去记一笔 ›</span><span class="vt-d" id="vtPd"></span></span>
</button>
<button type="button" class="vt-it vt-g ripple" data-vt="glu" data-tool="yunqixuetang">
<span class="vt-top"><i class="vt-ic"><img src="/upload/picture/fde3c920fae453f2642731e4135b88f5.png" alt="" aria-hidden="true"></i><span class="vt-l">孕期血糖</span></span>
<span class="vt-v"><b id="vtG">--</b><small class="vt-u">mmol/L</small></span>
<span class="vt-f"><span class="vt-s" id="vtGs">去记一笔 ›</span><span class="vt-d" id="vtGd"></span></span>
</button>
<button type="button" class="vt-it vt-c ripple hide" data-vt="curve" data-tool="gongsuopinlv">
<span class="vt-top"><i class="vt-ic"><img src="/upload/picture/1c02d720e4d23b09c996e859703b8b5e.svg" alt="" aria-hidden="true"></i><span class="vt-l">数宫缩</span></span>
<span class="vt-v"><b id="vtC">--</b><small class="vt-u"></small></span>
<span class="vt-f"><span class="vt-s" id="vtCs">去记一笔 ›</span><span class="vt-d" id="vtCd"></span></span>
</button>
<button type="button" class="vt-it vt-e ripple hide" data-vt="fweight" data-tool="taierguzhong">
<span class="vt-top"><i class="vt-ic"><img src="/upload/picture/715333a69fb67d8812ab093f342fa00f.png" alt="" aria-hidden="true"></i><span class="vt-l">胎儿估重</span></span>
<span class="vt-v"><b id="vtE">--</b><small class="vt-u"></small></span>
<span class="vt-f"><span class="vt-s" id="vtEs">去测算 ›</span><span class="vt-d" id="vtEd"></span></span>
</button>
<button type="button" class="vt-more hide" id="vtMore" aria-expanded="false"></button>
</div>
<!-- 图标：App 表里各应用的正式 logo（app.js applyToolLogos），「全部工具」没有应用 logo，保留渐变底白图形。
data-tool = App 表 identifier（排序 / 显隐按它认）；不是 data-mini 的普通应用格由 JS 按需生成（.tg-app）。 -->
<div class="tg-grid" id="htGrid">
@@ -287,6 +253,41 @@
<span class="tg-s">记一笔</span>
</button>
</div>
<!-- 2026-11-01 用户：「孕期工具」和「记录」调换，工具宫格放上面，记录数据卡（连同那行说明）放到宫格下面 -->
<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>
<div class="vt" id="vitals">
<button type="button" class="vt-it vt-k ripple" data-vt="kick" data-tool="taidong">
<span class="vt-top"><i class="vt-ic"><img src="/taidong/logo/logo-foot.svg" alt="" aria-hidden="true"></i><span class="vt-l">数胎动</span></span>
<span class="vt-v"><b id="vtK">--</b><small class="vt-u">次</small></span>
<span class="vt-f"><span class="vt-s" id="vtKs">去数一数 ›</span><span class="vt-d" id="vtKd"></span></span>
</button>
<button type="button" class="vt-it vt-w ripple" data-vt="weight" data-tool="yunqitizhong">
<span class="vt-top"><i class="vt-ic"><img src="/upload/picture/a6d7e61edee2ff0395cf00587a7c4036.svg" alt="" aria-hidden="true"></i><span class="vt-l">孕期体重</span></span>
<span class="vt-v"><b id="vtW">--</b><small class="vt-u">kg</small></span>
<span class="vt-f"><span class="vt-s" id="vtWs">去记一笔 ›</span><span class="vt-d" id="vtWd"></span></span>
</button>
<button type="button" class="vt-it vt-p ripple" data-vt="bp" data-tool="yun">
<span class="vt-top"><i class="vt-ic"><img src="/upload/picture/816227e3933211145bb8fc774ee32e82.svg" alt="" aria-hidden="true"></i><span class="vt-l">孕期血压</span></span>
<span class="vt-v"><b id="vtP">--</b><small class="vt-u">mmHg</small></span>
<span class="vt-f"><span class="vt-s" id="vtPs">去记一笔 ›</span><span class="vt-d" id="vtPd"></span></span>
</button>
<button type="button" class="vt-it vt-g ripple" data-vt="glu" data-tool="yunqixuetang">
<span class="vt-top"><i class="vt-ic"><img src="/upload/picture/fde3c920fae453f2642731e4135b88f5.png" alt="" aria-hidden="true"></i><span class="vt-l">孕期血糖</span></span>
<span class="vt-v"><b id="vtG">--</b><small class="vt-u">mmol/L</small></span>
<span class="vt-f"><span class="vt-s" id="vtGs">去记一笔 ›</span><span class="vt-d" id="vtGd"></span></span>
</button>
<button type="button" class="vt-it vt-c ripple hide" data-vt="curve" data-tool="gongsuopinlv">
<span class="vt-top"><i class="vt-ic"><img src="/upload/picture/1c02d720e4d23b09c996e859703b8b5e.svg" alt="" aria-hidden="true"></i><span class="vt-l">数宫缩</span></span>
<span class="vt-v"><b id="vtC">--</b><small class="vt-u"></small></span>
<span class="vt-f"><span class="vt-s" id="vtCs">去记一笔 ›</span><span class="vt-d" id="vtCd"></span></span>
</button>
<button type="button" class="vt-it vt-e ripple hide" data-vt="fweight" data-tool="taierguzhong">
<span class="vt-top"><i class="vt-ic"><img src="/upload/picture/715333a69fb67d8812ab093f342fa00f.png" alt="" aria-hidden="true"></i><span class="vt-l">胎儿估重</span></span>
<span class="vt-v"><b id="vtE">--</b><small class="vt-u"></small></span>
<span class="vt-f"><span class="vt-s" id="vtEs">去测算 ›</span><span class="vt-d" id="vtEd"></span></span>
</button>
<button type="button" class="vt-more hide" id="vtMore" aria-expanded="false"></button>
</div>
<style>
/* —— 工具宫格（仿育儿首页） —— */
.tg-grid{display:grid;grid-template-columns:repeat(4,1fr);row-gap:16px;column-gap:4px;margin-top:14px}
@@ -338,8 +339,7 @@
.tg-grid.has-locked{row-gap:20px;padding-top:6px}
/* 数据卡区：没有外框、没有标题，和宫格同一块白底；宫格前一条极细分隔，读起来是「数据 → 其余工具」 */
.vt{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:2px}
.vt + .tg-grid{margin-top:14px;padding-top:14px;border-top:1px dashed #F1DED6}
.vt.hide + .tg-grid{margin-top:4px;padding-top:0;border-top:0}
.tg-grid + .dock-note{display:flex;margin-top:16px;padding-top:14px;border-top:1px dashed #F1DED6}
.vt-it{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 12px 10px;border-radius:16px;min-width:0;text-align:left;font:inherit;color:inherit;background:var(--vt-bg,#fff);border:0}
.vt-it.span2{grid-column:span 2}
.vt-top{display:flex;align-items:center;gap:6px;width:100%;min-width:0}
@@ -2432,7 +2432,7 @@
<script src="/_bridge/avatar-picker.js?v=26101105"></script>
<script src="/_bridge/hand-icons.js?v=26101202"></script>
<script src="js/zodiac-art.js"></script>
<script src="guangchang/topics.js?v=26110123"></script>
<script src="guangchang/topics.js?v=26110124"></script>
<script src="js/app.js"></script>
<!-- 2026-10-03 首页彩蛋：宝宝在肚皮底下动（独立文件，删掉这一行即整体下线；开关在「隐私权限」） -->
<script src="js/bump.js"></script>
@@ -2441,7 +2441,7 @@
<!-- 2026-10-05 首页头图：宝宝时不时动一动小手小脚（独立文件，删掉这一行即下线） -->
<script src="js/baby-limbs.js?v=26101201"></script>
<script src="js/coach.js?v=26101211"></script>
<script src="js/birth-flow.js?v=26110123"></script>
<script src="js/birth-flow.js?v=26110124"></script>
<!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->
<script>

2
js/app.js
View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
var VER = '26110123';
var VER = '26110124';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));