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

首页数据区去掉彩色logo，改成一整块白底面板发丝线分格；图标状态胶囊统一暖灰 v26110105

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

19
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:26110104 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26110105 缓存版本标记：改 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） -->
@@ -373,6 +373,21 @@
html.night .vt-v b{color:#F3E8F0}
html.night .vt-l{color:#E2D2DC}
html.night .vt + .tg-grid{border-color:rgba(255,255,255,.1)}
/* 2026-11-01 用户：数据区去掉各工具彩色 logo、不要每格一个底色——太乱。
改成一整块白底面板，2×2 用发丝线分格；文字只用深色，颜色只留在状态胶囊（正常/偏高等）上。 */
.vt{gap:1px;padding:0;background:#F3E4DD;border:1px solid #F3E4DD;border-radius:18px;overflow:hidden;box-shadow:0 4px 14px rgba(170,110,90,.06)}
.vt-it{--vt-bg:#fff;--vt-c:#C8664E;border-radius:0;padding:12px 14px 11px}
.vt-ic{display:none}
.vt-l{font-size:12.5px;font-weight:600;color:#8A7470}
.vt-v b{font-size:24px;color:#2F2424}
.vt-s{background:#F7EFEB;color:#8A6458}
.vt-more{border-radius:0;background:#fff;height:34px;margin-top:0}
/* 图标下的状态胶囊也统一成一个暖灰色，颜色只留给正式 logo，不再一格一个色 */
.tg .tg-s{background:#F7EFEB;color:#8A6458}
.tg.is-warn .tg-s{background:#FDE3E0;color:#D2453B}
html.night .vt{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.08)}
html.night .vt-it,html.night .vt-more{background:#2B2230}
html.night .ht-edit{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#F3A58F}
html.night .tg.is-locked::after{box-shadow:none}
/* —— 编辑首页工具弹层（#htSheet），外观沿用「记一下」sheet —— */
@@ -2321,7 +2336,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=26110104"></script>
<script src="js/birth-flow.js?v=26110105"></script>
<!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->
<script>

2
js/app.js
View File

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