diff --git a/index.html b/index.html index c982097..b8768eb 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + @@ -350,7 +350,7 @@ 整个铺到这个背景的后边,有一个引导进入的按钮,我点进去再弹出这个新的页面」。 做法:这一块没有底色,是页面上开的一道「空隙」;房间图层(#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),否则缝里会露出图片边框。 diff --git a/js/app.js b/js/app.js index df16d64..54b6fdd 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ - var VER = '26100179'; + var VER = '26100180'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); @@ -3209,7 +3209,8 @@ (function nurseryInit() { const sec = $('#nursery'); if (!sec) return; - $('#nyBtn').addEventListener('click', () => + /* 2026-10-02 整块可点(按钮的点击冒泡上来,同一个入口) */ + sec.addEventListener('click', () => jumpApp(NURSERY_URL + '?return_url=' + encodeURIComponent(location.origin + location.pathname), NURSERY_ID)); /* 视差:图层始终对齐 .screen 的可视区 → 页面滚、房间不动,像铺在整页背后 */ const layer = $('#nypLayer'), scr = sec.closest('.screen'); diff --git a/mama-box.css b/mama-box.css index 7e69a1a..f0692ee 100644 --- a/mama-box.css +++ b/mama-box.css @@ -4053,3 +4053,9 @@ a.skip:focus{left:16px;top:16px} .we-mt{width:96px;height:2px;top:-4px} .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)} + +/* 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)}