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

孕期数据：去掉示例标签按正常数据显示，卡片和底板加淡底色 v26103110

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-10-31 13:00:54 +00:00
parent 6f110cbd18
commit a56ce8c366
2 changed files with 19 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
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:26103109 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26103110 缓存版本标记：改 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） -->
@@ -313,39 +313,37 @@
html.night .tg-s{background:rgba(255,255,255,.1);color:#E9D6E2}
/* —— 我的孕期数据：彩色光斑底 + 毛玻璃格 —— */
/* 2026-10-31 用户：背景太乱太花 → 整块只留一层很淡的暖色底，格子去掉光晕和毛玻璃，字一律实色 */
.vt{position:relative;margin-top:18px;padding:14px 12px 12px;border-radius:22px;background:linear-gradient(180deg,#FFF1EA,#FFF8F4);border:1px solid #F8E3DA}
.vt{position:relative;margin-top:18px;padding:14px 12px 12px;border-radius:22px;background:linear-gradient(180deg,#FFE9DF,#FFF4EE);border:1px solid #F6DCD1}
.vt.hide,.vt-it.hide{display:none}
.vt-h{display:flex;align-items:baseline;gap:8px;margin:0 4px 11px}
.vt-h b{font-size:15.5px;color:#3B2A2A}
.vt-h span{font-size:11.5px;color:#7A6663}
.vt-row{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.vt-it{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:11px 12px 11px;border-radius:16px;min-width:0;text-align:left;font:inherit;color:inherit;background:#fff;border:0;box-shadow:0 2px 8px rgba(190,120,100,.06)}
.vt-it{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:11px 12px 11px;border-radius:16px;min-width:0;text-align:left;font:inherit;color:inherit;background:var(--vt-bg,#fff);border:0;box-shadow:0 2px 8px rgba(190,120,100,.06)}
.vt-it.span2{grid-column:span 2}
.vt-top{display:flex;align-items:center;gap:6px;width:100%}
.vt-ic{flex:none;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;color:var(--vt-c);background:#FFF3EE}
.vt-ic{flex:none;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;color:var(--vt-c);background:#fff}
.vt-ic svg{width:18px;height:18px}
.vt-l{font-size:13.5px;color:#2F2424;font-weight:700;white-space:nowrap}
.vt-u{margin-left:auto;font-size:11px;color:#7A6663}
.vt-v{margin-top:2px;white-space:nowrap}
.vt-v b{font-size:25px;line-height:1.15;font-weight:800;letter-spacing:-.5px;color:#3B2A2A;font-variant-numeric:tabular-nums}
.vt-f{display:flex;align-items:center;gap:6px;width:100%;min-width:0}
.vt-s{flex:none;font-size:11px;line-height:1.4;padding:1px 8px;border-radius:99px;background:#FFF3EE;color:var(--vt-c);font-weight:700;white-space:nowrap}
.vt-s{flex:none;font-size:11px;line-height:1.4;padding:1px 8px;border-radius:99px;background:#fff;color:var(--vt-c);font-weight:700;white-space:nowrap}
.vt-s:empty{display:none}
.vt-it.empty .vt-s{background:none;padding:1px 0;color:var(--vt-c)}
.vt-it.empty:not(.demo) .vt-s{background:none;padding:1px 0;color:var(--vt-c)}
.vt-s.ok{background:rgba(47,138,94,.12);color:#2F8A5E}
.vt-s.hi{background:rgba(210,69,59,.12);color:#D2453B}
.vt-s.lo{background:rgba(199,122,30,.14);color:#C77A1E}
.vt-d{font-size:11px;color:#6E5A57;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
.vt-d:empty{display:none}
.vt-it.empty .vt-s.dm{padding:1px 8px;background:#FFF1D6;color:#B8862B}
.vt-it.demo .vt-d{color:var(--vt-c);font-weight:700}
html.night .vt-it.empty .vt-s.dm{background:rgba(255,200,100,.16);color:#F0C67A}
.vt-k{--vt-c:#E9673F}
.vt-w{--vt-c:#E5606A}
.vt-p{--vt-c:#C94F8C}
.vt-g{--vt-c:#22968A}
.vt-c{--vt-c:#7A5BC8}
.vt-e{--vt-c:#4E74C4}
/* 每格一层很淡的同色底（2026-10-31 用户：稍微加一点点背景色） */
.vt-k{--vt-c:#E9673F;--vt-bg:#FFF5F0}
.vt-w{--vt-c:#E5606A;--vt-bg:#FFF4F4}
.vt-p{--vt-c:#C94F8C;--vt-bg:#FDF3F8}
.vt-g{--vt-c:#22968A;--vt-bg:#F0FAF8}
.vt-c{--vt-c:#7A5BC8;--vt-bg:#F6F2FD}
.vt-e{--vt-c:#4E74C4;--vt-bg:#F1F5FD}
html.night .vt{background:#2A2231;border-color:rgba(255,255,255,.08)}
html.night .vt-it{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.1);box-shadow:none}
html.night .vt-ic,html.night .vt-s{background:rgba(255,255,255,.1)}
@@ -2213,7 +2211,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=26103109"></script>
<script src="js/birth-flow.js?v=26103110"></script>
<!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->
<script>

9
js/app.js
View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
var VER = '26103109';
var VER = '26103110';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
@@ -5292,7 +5292,8 @@
}
const VT_ID = { kick: 'vtK', weight: 'vtW', bp: 'vtP', glu: 'vtG', curve: 'vtC', fweight: 'vtE' };
const VT_EXTRA = { curve: 1, fweight: 1 };
const VT_DEMO = { kick: ['12', '去数一数 ›'], weight: ['58.2', '去记一笔 ›'], bp: ['115/75', '去记一笔 ›'], glu: ['5.1', '去记一笔 ›'] }; /* 这两格有记录才出现 */
/* 2026-10-31 用户：去掉「示例」两个字，没记过的格直接按正常数据的样子显示（值 / 胶囊 / 胶囊样式 / 时间） */
const VT_DEMO = { kick: ['12', '今天', '', '最近 14:20'], weight: ['58.2', '比孕前 +4.6', '', '今天记录'], bp: ['115/75', '正常', 'ok', '昨天记录'], glu: ['5.1', '达标', 'ok', '今天 空腹'] }; /* 这两格有记录才出现 */
function vtSet(key, val, pill, cls, when) {
const it = $('.vt-it[data-vt="' + key + '"]'); if (!it) return;
const id = VT_ID[key];
@@ -5302,8 +5303,8 @@
const dm = !val && VT_DEMO[key];
it.classList.toggle('demo', !!dm);
$('#' + id).textContent = val || (dm ? dm[0] : '--');
const s = $('#' + id + 's'); s.textContent = val ? (pill || '') : (dm ? '示例' : (key === 'kick' ? '去数一数 ›' : '去记一笔 ›')); s.className = 'vt-s' + (val && cls ? ' ' + cls : dm ? ' dm' : '');
$('#' + id + 'd').textContent = val ? (when || '') : (dm ? dm[1] : '');
const s = $('#' + id + 's'); s.textContent = val ? (pill || '') : (dm ? dm[1] : (key === 'kick' ? '去数一数 ›' : '去记一笔 ›')); s.className = 'vt-s' + (val && cls ? ' ' + cls : dm && dm[2] ? ' ' + dm[2] : '');
$('#' + id + 'd').textContent = val ? (when || '') : (dm ? dm[3] : '');
vtLayout();
}
/* 记过的格排前面；数宫缩 / 胎儿估重没记录就不出现；孕周没到的数胎动没记录也先不出现；单数时最后一格占满一行 */