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

v26110474 百宝箱回到 6 条；3D 婴儿房移到百宝箱下面

Browse Source
This commit is contained in:
deploy
2026-11-05 15:44:34 +00:00
parent 064ac08b91
commit de4ee83045
5 changed files with 45 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
index.html
View File

@@ -8,8 +8,8 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- 11-04 UGC 总开关（孕妈广场 + 测一测，后台 /box_bm/plaza 顶部切换），见 js/ugc.js -->
<script src="js/ugc.js?v=26110473"></script>
<!-- V:26110473 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<script src="js/ugc.js?v=26110474"></script>
<!-- V:26110474 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<link rel="stylesheet" href="night.css">
<!-- 11-04 用户：「顶部图片上的倒计时先删除掉」→ 不加载 hero-cd.css / hero-cd.js（文件留着，加回这两行即恢复），头图回到原样式 -->
@@ -579,6 +579,28 @@ html.night .rs-pan .rp-card{background:rgba(255,255,255,.06);border-color:rgba(2
上面三个入口（趣味小测试 · 孕期百问 · 孕期计算器 → 各自列表页），下面一个 6 条列表（每类 2 条，点了直达）。?kit=0 看回此刻。 -->
<section class="kit-home hide" id="kitHome"><div class="kit" id="kit" role="region" aria-label="孕期百宝箱"></div></section>
<!-- 3D 婴儿房 · 「透过页面看到后面的房间」（2026-10-01 三版）。用户原话：
2026-11-05 用户：「把 3D 婴儿房模块放到孕期百宝箱的下面」→ 移到 #kitHome 正下方、孕妈广场上面（兑换商城留在原位）。
「把那个房间整体……铺到它的后边……两个模块中间，它不用点击，从外边其实就能看到这个里边是什么，
整个铺到这个背景的后边，有一个引导进入的按钮，我点进去再弹出这个新的页面」。
做法：这一块没有底色，是页面上开的一道「空隙」；房间图层（#nypLayer）由 JS 每次滚动都对齐到 .screen 的可视区，
所以页面往上滚时房间不跟着走，看起来就是铺在整页背后、从缝里露出来（视差）。上下两条内阴影 = 上下模块压在房间上面。
整块都能点（2026-10-02 用户要求：点到房子 / 模块任意位置都直接进 3D 婴儿房，不必非点「进去布置」）；滑动页面不会触发 click，不怕误触。
图：assets/img/nursery-day.jpg / nursery-night.jpg，由「3D 婴儿房」会话（33d6c837）导出的无 UI 渲染
（原图 yef/cover-day.png、cover-night.png，1125×1500，**原尺寸**存 JPG —— 375 宽 × 3 倍屏正好 1125 像素，别再缩，缩到 750 在 iPhone 上会糊（2026-10-01 用户反馈过）)；里面摆的是演示布置，不是用户自己的房间。
底色必须和图边一致：白天 #DCE5EC、夜间 #2C3350（2026-10-01 写实版，取图顶两角；旧卡通版是 #FFECD8 / #5A5890），否则缝里会露出图片边框。
2026-10-01 晚：3D 婴儿房会话把封面换成「整栋小别墅外景」（婴儿房是二楼剖开那一间），房子占画面中部偏下、上方约 20% 纯底色。
缝高 300→340、图宽 100%→88%（max 420）、上提 40px：缝滚到屏幕中间时屋顶到草坪整栋都露出来，草坪压在玻璃条下面；标题改「我们的家」。
位置：2026-10-01 用户要求和消消乐对调 —— 后又和孕期小知识对调 —— 现在在孕期小知识下面、今天的动线上面（原来在今天的动线和书架之间）。北京时间 19:00–6:00 换夜间图（开灯版）。JS 在 app.js nurseryRender()。 -->
<section class="ny-peek" id="nursery">
<div class="nyp-layer" id="nypLayer" aria-hidden="true"><img id="nypImg" src="assets/img/nursery-day-sky.jpg?v=20261006a" alt="" decoding="async"></div>
<span class="nyp-chip" id="nyChip">进去看看 · 宝宝的婴儿房</span>
<div class="nyp-bar">
<div class="nyp-txt"><b id="nyTitle">我们的家</b><span id="nySub">做孕期任务攒兜豆，一件件布置好</span></div>
<button class="nyp-btn" id="nyBtn" type="button">进去布置 <svg viewBox="0 0 24 24" width="11" height="11" aria-hidden="true"><path d="M8 5l8 7-8 7z" fill="currentColor"/></svg></button>
</div>
</section>
<!-- 孕妈广场（2026-11-01 第一版，占位内容）。用户原话：「在这个模块下边加一个广场，放一些话题，有跟家庭里的，也有宝妈经验的……
展示的时候不要像下面『其他妈妈也在搜』那种列表形式，两个列表就乱了。点进去之后变成小红书那种瀑布流」。
→ 首页只放一排横滑的话题封面卡（不是列表）：渐变色块 + 大水印字 + 话题名 + 篇数/在聊，热门带角标；
@@ -777,26 +799,6 @@ html.night .rs-pan .rp-card{background:rgba(255,255,255,.06);border-color:rgba(2
<p class="pt-foot">仅供参考，身体有任何不适请以医生意见为准</p>
</section>
<!-- 3D 婴儿房 · 「透过页面看到后面的房间」（2026-10-01 三版）。用户原话：
「把那个房间整体……铺到它的后边……两个模块中间，它不用点击，从外边其实就能看到这个里边是什么，
整个铺到这个背景的后边，有一个引导进入的按钮，我点进去再弹出这个新的页面」。
做法：这一块没有底色，是页面上开的一道「空隙」；房间图层（#nypLayer）由 JS 每次滚动都对齐到 .screen 的可视区，
所以页面往上滚时房间不跟着走，看起来就是铺在整页背后、从缝里露出来（视差）。上下两条内阴影 = 上下模块压在房间上面。
整块都能点（2026-10-02 用户要求：点到房子 / 模块任意位置都直接进 3D 婴儿房，不必非点「进去布置」）；滑动页面不会触发 click，不怕误触。
图：assets/img/nursery-day.jpg / nursery-night.jpg，由「3D 婴儿房」会话（33d6c837）导出的无 UI 渲染
（原图 yef/cover-day.png、cover-night.png，1125×1500，**原尺寸**存 JPG —— 375 宽 × 3 倍屏正好 1125 像素，别再缩，缩到 750 在 iPhone 上会糊（2026-10-01 用户反馈过）)；里面摆的是演示布置，不是用户自己的房间。
底色必须和图边一致：白天 #DCE5EC、夜间 #2C3350（2026-10-01 写实版，取图顶两角；旧卡通版是 #FFECD8 / #5A5890），否则缝里会露出图片边框。
2026-10-01 晚：3D 婴儿房会话把封面换成「整栋小别墅外景」（婴儿房是二楼剖开那一间），房子占画面中部偏下、上方约 20% 纯底色。
缝高 300→340、图宽 100%→88%（max 420）、上提 40px：缝滚到屏幕中间时屋顶到草坪整栋都露出来，草坪压在玻璃条下面；标题改「我们的家」。
位置：2026-10-01 用户要求和消消乐对调 —— 后又和孕期小知识对调 —— 现在在孕期小知识下面、今天的动线上面（原来在今天的动线和书架之间）。北京时间 19:00–6:00 换夜间图（开灯版）。JS 在 app.js nurseryRender()。 -->
<section class="ny-peek" id="nursery">
<div class="nyp-layer" id="nypLayer" aria-hidden="true"><img id="nypImg" src="assets/img/nursery-day-sky.jpg?v=20261006a" alt="" decoding="async"></div>
<span class="nyp-chip" id="nyChip">进去看看 · 宝宝的婴儿房</span>
<div class="nyp-bar">
<div class="nyp-txt"><b id="nyTitle">我们的家</b><span id="nySub">做孕期任务攒兜豆，一件件布置好</span></div>
<button class="nyp-btn" id="nyBtn" type="button">进去布置 <svg viewBox="0 0 24 24" width="11" height="11" aria-hidden="true"><path d="M8 5l8 7-8 7z" fill="currentColor"/></svg></button>
</div>
</section>
<!-- 首页 · 兜豆兑换商城模块（2026-10-01）：紧跟婴儿房（那张卡写着「攒兜豆把它布置好」），
顺着「兜豆」这条线往下接。头部一条 + 下面一排可兑好物；点哪儿都 openExchange()。 -->
<!-- 外层 .exch-wrap 套上和其它模块同款的白色外壳（2026-10-01 用户：「应该有个底色，跟其他模块一样」），里面粉色卡不变 -->
@@ -2669,13 +2671,13 @@ html.night .rs-pan .rp-card{background:rgba(255,255,255,.06);border-color:rgba(2
<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=26110473"></script>
<script src="js/ava-pool.js?v=26110473"></script> <!-- 11-05 装饰头像分配表（各模块互不重复） -->
<script src="guangchang/topics.js?v=26110474"></script>
<script src="js/ava-pool.js?v=26110474"></script> <!-- 11-05 装饰头像分配表（各模块互不重复） -->
<script src="js/app.js"></script>
<script src="js/kit.js?v=26110473"></script>
<script src="js/kit.js?v=26110474"></script>
<!-- 11-05 用户：孕期百问加上跟趣味小测试一样的底部 Tab（孕期百问 / 记一下 / 返回首页）。挂在 #detailQA 里，面板关着时跟着滑出屏外；
「记一下」直接开首页自己的记一下弹层（z 95 盖在百问 z 80 上），「返回首页」= 关掉百问面板 -->
<script src="js/mb-tabbar.js?v=26110473"></script>
<script src="js/mb-tabbar.js?v=26110474"></script>
<script>
(function () {
var d = document.getElementById('detailQA'); if (!d || !window.MBTab) return;
@@ -2695,7 +2697,7 @@ html.night .rs-pan .rp-card{background:rgba(255,255,255,.06);border-color:rgba(2
if (gchDone || !window.__mbUgc) return; gchDone = true;
var m = location.search.match(/[?&]gcv=([1-6])(?:&|$)/);
if (!m) window.__gcDefault = 1;
var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110473';
var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110474';
var dir = n === '4' || n === '6' ? 'js/gch/' : 'demo/gch/'; /* 11-03 上正式：定稿 V6（含它套的 V4）并进 js/gch/，其余效果稿仍在 demo/ */
l.rel = 'stylesheet'; l.href = dir + 'v' + n + '.css?' + q;
s.src = dir + 'v' + n + '.js?' + q;
@@ -2710,19 +2712,19 @@ html.night .rs-pan .rp-card{background:rgba(255,255,255,.06);border-color:rgba(2
/* 11-02 品牌露出（用户定 4 处都要）：默认加载，?brand=0 可关掉对比；11-03 已并进 js/gch/ */
if (!/[?&]brand=0/.test(location.search)) {
var bl = document.createElement('link'), bs = document.createElement('script');
bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110473'; bs.src = 'js/gch/brand.js?v=26110473';
bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110474'; bs.src = 'js/gch/brand.js?v=26110474';
document.head.appendChild(bl); document.body.appendChild(bs);
}
})();
</script>
<!-- 2026-10-03 首页彩蛋：宝宝在肚皮底下动（独立文件，删掉这一行即整体下线；开关在「隐私权限」） -->
<script src="js/bump.js?v=26110473"></script>
<script src="js/bump.js?v=26110474"></script>
<!-- 2026-10-04 首页头图：按孕周换宝宝 + 阳光水波（独立文件） -->
<script src="js/hero-fx.js"></script>
<!-- 2026-10-05 首页头图：宝宝时不时动一动小手小脚（独立文件，删掉这一行即下线） -->
<script src="js/baby-limbs.js?v=26110473"></script>
<script src="js/coach.js?v=26110473"></script>
<script src="js/birth-flow.js?v=26110473"></script>
<script src="js/baby-limbs.js?v=26110474"></script>
<script src="js/coach.js?v=26110474"></script>
<script src="js/birth-flow.js?v=26110474"></script>
<!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->
<script>