婴儿房封面换整栋小别墅:新图、缝高 340、图宽 88% 上提 40px,标题改「我们的家」
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 161 KiB After Width: | Height: | Size: 110 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 136 KiB After Width: | Height: | Size: 91 KiB |
@@ -7,7 +7,7 @@
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>兜爸心选 · 孕育陪伴</title>
|
||||
<!-- V:26100123 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26100124 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<link rel="stylesheet" href="mama-box.css">
|
||||
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
||||
<!-- 共享助手:授权/跳商城/位置上报(分享卡片同步,见 docs/h5-auth-standard.md 第四节) -->
|
||||
@@ -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()。 -->
|
||||
<section class="ny-peek" id="nursery">
|
||||
<div class="nyp-layer" id="nypLayer" aria-hidden="true"><img id="nypImg" src="assets/img/nursery-day.jpg" alt="" decoding="async"></div>
|
||||
<span class="nyp-chip">往里看看 · 3D 婴儿房</span>
|
||||
<div class="nyp-bar">
|
||||
<div class="nyp-txt"><b id="nyTitle">宝宝的房间</b><span id="nySub">做孕期任务攒兜豆,一件件布置好</span></div>
|
||||
<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>
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user