3D 婴儿房模块整块可点,点房子直接进 (v26100180)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -7,7 +7,7 @@
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<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">
|
||||
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
||||
<!-- 共享助手:授权/跳商城/位置上报(分享卡片同步,见 docs/h5-auth-standard.md 第四节) -->
|
||||
@@ -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),否则缝里会露出图片边框。
|
||||
|
||||
@@ -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');
|
||||
|
||||
@@ -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)}
|
||||
|
||||
Reference in New Issue
Block a user