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

数据卡改一行横滑小卡；广场分类合并为 家庭婚姻/职场/经验；其他妈妈也在搜扩到 50 题并全部做成专题页（新增 26 页）；v26110126

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-01 23:22:24 +00:00
parent 175d15240a
commit 243b0f93a1
76 changed files with 8738 additions and 56 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:26110125 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26110126 缓存版本标记：改 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） -->
@@ -402,6 +402,17 @@
html.night .vt-it,html.night .vt-more{background:rgba(255,255,255,.07)}
/* 11-01 用户：工具区背后的「兜爸」水印看不太清 → 加深一档，隐约能认出来但不抢卡片 */
.tool-dock .wm{color:#F5EBE3}
/* 11-01 用户选 A：工具在上，数据卡压成一行横滑小卡（高度省一半），左右滑看全部 */
.vt{display:flex;gap:8px;margin:0 -26px;padding:2px 26px 6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding:0 26px}
.vt::-webkit-scrollbar{display:none}
.vt::after{content:"";flex:none;width:18px}
.vt-it{flex:none;width:auto;min-width:112px;gap:0;padding:8px 11px 8px;border-radius:14px;scroll-snap-align:start}
.vt-l{font-size:11.5px}
.vt-v{margin-top:0}
.vt-v b{font-size:19px}
.vt-f{margin-top:2px}
.vt-d{display:none}
.vt-more{display:none!important}
/* 11-01 用户：数据块桃色底太深、有点丑，要「有一些玻璃质感」→ 改成半透明白玻璃：上亮下透的渐变 + 背景模糊 + 白描边高光 + 很淡的暖色投影；
桃色只留在状态小标签上（白玻璃上再用白胶囊会看不出来） */
.vt-it,.vt-more{background:linear-gradient(150deg,rgba(255,255,255,.78) 0%,rgba(255,255,255,.42) 100%);-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);border:1px solid rgba(255,255,255,.9);box-shadow:0 4px 14px rgba(200,110,86,.09),inset 0 1px 0 rgba(255,255,255,.95)}
@@ -526,7 +537,7 @@
<section class="gc-home hide" id="gcHome">
<div class="gch-head">
<h2 class="gch-title"><span>孕妈广场</span></h2>
<span class="gch-cat" id="gchCat" role="tablist" aria-label="话题分类"><button type="button" class="on" data-cat="">全部</button><button type="button" data-cat="family">家庭</button><button type="button" data-cat="marriage">婚姻</button><button type="button" data-cat="work">职场</button><button type="button" data-cat="baby">母婴</button></span>
<span class="gch-cat" id="gchCat" role="tablist" aria-label="话题分类"><button type="button" class="on" data-cat="">全部</button><button type="button" data-cat="family">家庭婚姻</button><button type="button" data-cat="work">职场</button><button type="button" data-cat="baby">经验</button></span>
<button type="button" class="gch-more" id="gchMore">去逛逛<i aria-hidden="true">›</i></button>
</div>
<div class="gch-who"><span class="gch-avs" id="gchAvs" aria-hidden="true"></span><span id="gchCnt"></span></div>
@@ -2469,7 +2480,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=26110125"></script>
<script src="guangchang/topics.js?v=26110126"></script>
<script src="js/app.js"></script>
<!-- 2026-10-03 首页彩蛋：宝宝在肚皮底下动（独立文件，删掉这一行即整体下线；开关在「隐私权限」） -->
<script src="js/bump.js"></script>
@@ -2478,7 +2489,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=26110125"></script>
<script src="js/birth-flow.js?v=26110126"></script>
<!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->
<script>