diff --git a/assets/img/nursery-day.jpg b/assets/img/nursery-day.jpg index 30c6418..816bf74 100644 Binary files a/assets/img/nursery-day.jpg and b/assets/img/nursery-day.jpg differ diff --git a/assets/img/nursery-night.jpg b/assets/img/nursery-night.jpg index a1f45ae..7cb8694 100644 Binary files a/assets/img/nursery-night.jpg and b/assets/img/nursery-night.jpg differ diff --git a/index.html b/index.html index db4cf13..e8e341e 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + @@ -469,12 +469,14 @@ 图: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 用户反馈过));里面摆的是演示布置,不是用户自己的房间。 底色必须和图边一致:白天 #FFECD8、夜间 #5A5890,否则缝里会露出图片边框。 + 2026-10-01 晚:3D 婴儿房会话把封面换成「整栋小别墅外景」(婴儿房是二楼剖开那一间),房子占画面中部偏下、上方约 20% 纯底色。 + 缝高 300→340、图宽 100%→88%(max 420)、上提 40px:缝滚到屏幕中间时屋顶到草坪整栋都露出来,草坪压在玻璃条下面;标题改「我们的家」。 位置:今天的动线 → 这道空隙 → 书架(首页后半段)。北京时间 19:00–6:00 换夜间图(开灯版)。JS 在 app.js nurseryRender()。 -->
往里看看 · 3D 婴儿房
-
宝宝的房间做孕期任务攒兜豆,一件件布置好
+
我们的家做孕期任务攒兜豆,一件件布置好
diff --git a/js/app.js b/js/app.js index 9dd5fad..420f6f3 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ - var VER = '26100123'; + var VER = '26100124'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); @@ -3105,8 +3105,8 @@ const NURSERY_ID = 'yef-nursery'; function nurseryRender() { if (!$('#nursery')) return; - const nm = state.babyName || '宝宝'; - $('#nyTitle').textContent = nm + '的房间'; + /* 2026-10-01 封面换成整栋小别墅(婴儿房是二楼剖开那间),H5 进去先看整栋、标题「我们的家」,这里跟着改 */ + $('#nyTitle').textContent = '我们的家'; let days = null; if (!state.postpartum && state.pregEmpty === false && state.due) { const t = new Date(); t.setHours(0, 0, 0, 0); diff --git a/mama-box.css b/mama-box.css index 02d236e..1c65e22 100644 --- a/mama-box.css +++ b/mama-box.css @@ -570,10 +570,10 @@ a.skip:focus{left:16px;top:16px} 这一块**故意没有底色、没有圆角卡片**:它是页面上开的缝,里面是铺在整页背后的房间。 .nyp-layer 的 height / transform 由 JS 按 .screen 可视区每帧写入(见 app.js nurseryInit),这里别再给它写 top/transform。 ::after = 上下模块压在房间上的阴影,要盖在图层之上、按钮之下。 */ -.ny-peek{position:relative;margin:16px -26px 0;height:300px;overflow:hidden;background:#FFECD8} +.ny-peek{position:relative;margin:16px -26px 0;height:340px;overflow:hidden;background:#FFECD8} .nyp-layer{position:absolute;left:0;top:0;width:100%;height:812px;will-change:transform; display:flex;align-items:center;justify-content:center;background:#FFECD8} -.nyp-layer img{display:block;width:100%;max-width:480px;height:auto;margin-top:-64px} +.nyp-layer img{display:block;width:88%;max-width:420px;height:auto;margin-top:-40px} .ny-peek::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1; box-shadow:inset 0 16px 18px -14px rgba(120,70,50,.28),inset 0 -16px 18px -14px rgba(120,70,50,.28)} .nyp-chip{position:absolute;left:26px;top:16px;z-index:2;font-size:11px;font-weight:800;color:#E0708A;letter-spacing:.3px;