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

3D 婴儿房模块整块可点，点房子直接进 (v26100180)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Karlcarlo
2026-10-02 08:17:14 +00:00
parent cfb87f27de
commit 0f02c56433
3 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title> <title>兜爸心选 · 孕育陪伴</title>
<!-- V:26100179 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 --> <!-- V:26100180 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css"> <link rel="stylesheet" href="mama-box.css">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<!-- 共享助手：授权/跳商城/位置上报（分享卡片同步，见 docs/h5-auth-standard.md 第四节） --> <!-- 共享助手：授权/跳商城/位置上报（分享卡片同步，见 docs/h5-auth-standard.md 第四节） -->
@@ -350,7 +350,7 @@
整个铺到这个背景的后边，有一个引导进入的按钮，我点进去再弹出这个新的页面」。 整个铺到这个背景的后边，有一个引导进入的按钮，我点进去再弹出这个新的页面」。
做法：这一块没有底色，是页面上开的一道「空隙」；房间图层（#nypLayer）由 JS 每次滚动都对齐到 .screen 的可视区， 做法：这一块没有底色，是页面上开的一道「空隙」；房间图层（#nypLayer）由 JS 每次滚动都对齐到 .screen 的可视区，
所以页面往上滚时房间不跟着走，看起来就是铺在整页背后、从缝里露出来（视差）。上下两条内阴影 = 上下模块压在房间上面。 所以页面往上滚时房间不跟着走，看起来就是铺在整页背后、从缝里露出来（视差）。上下两条内阴影 = 上下模块压在房间上面。
只有「进去布置」按钮能点（整块不点，免得滚动时误触）。 整块都能点（2026-10-02 用户要求：点到房子 / 模块任意位置都直接进 3D 婴儿房，不必非点「进去布置」）；滑动页面不会触发 click，不怕误触。
图：assets/img/nursery-day.jpg / nursery-night.jpg，由「3D 婴儿房」会话（33d6c837）导出的无 UI 渲染 图：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 用户反馈过）)；里面摆的是演示布置，不是用户自己的房间。 （原图 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），否则缝里会露出图片边框。 底色必须和图边一致：白天 #DCE5EC、夜间 #2C3350（2026-10-01 写实版，取图顶两角；旧卡通版是 #FFECD8 / #5A5890），否则缝里会露出图片边框。

5
js/app.js
View File

@@ -3,7 +3,7 @@
(function () { (function () {
'use strict'; 'use strict';
/* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */ /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
var VER = '26100179'; var VER = '26100180';
const $ = (s, c) => (c || document).querySelector(s); const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
@@ -3209,7 +3209,8 @@
(function nurseryInit() { (function nurseryInit() {
const sec = $('#nursery'); const sec = $('#nursery');
if (!sec) return; if (!sec) return;
$('#nyBtn').addEventListener('click', () => /* 2026-10-02 整块可点（按钮的点击冒泡上来，同一个入口） */
sec.addEventListener('click', () =>
jumpApp(NURSERY_URL + '?return_url=' + encodeURIComponent(location.origin + location.pathname), NURSERY_ID)); jumpApp(NURSERY_URL + '?return_url=' + encodeURIComponent(location.origin + location.pathname), NURSERY_ID));
/* 视差：图层始终对齐 .screen 的可视区 → 页面滚、房间不动，像铺在整页背后 */ /* 视差：图层始终对齐 .screen 的可视区 → 页面滚、房间不动，像铺在整页背后 */
const layer = $('#nypLayer'), scr = sec.closest('.screen'); const layer = $('#nypLayer'), scr = sec.closest('.screen');

6
mama-box.css
View File

@@ -4053,3 +4053,9 @@ a.skip:focus{left:16px;top:16px}
.we-mt{width:96px;height:2px;top:-4px} .we-mt{width:96px;height:2px;top:-4px}
.we-mt.m2{width:70px} .we-mt.m2{width:70px}
.we-mt{height:2px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.75) 30%,rgba(255,255,255,0));box-shadow:0 0 8px 1px rgba(255,255,255,.8)} .we-mt{height:2px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.75) 30%,rgba(255,255,255,0));box-shadow:0 0 8px 1px rgba(255,255,255,.8)}
/* 2026-10-02 3D 婴儿房整块可点：按下时整块轻微压暗 + 按钮跟着缩一下 */
.ny-peek{cursor:pointer;-webkit-tap-highlight-color:transparent}
.ny-peek .nyp-layer img{transition:filter .15s}
.ny-peek:active .nyp-layer img{filter:brightness(.92)}
.ny-peek:active .nyp-btn{transform:scale(.96)}