feat(首页): 新增 3D 婴儿房入口卡(小房子造型、昼夜两版),放在今天的动线与书架之间 (v26100110)
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
29
index.html
29
index.html
@@ -7,7 +7,7 @@
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>兜爸心选 · 孕育陪伴</title>
|
||||
<!-- V:26100109 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26100110 缓存版本标记:改 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 第四节) -->
|
||||
@@ -456,6 +456,33 @@
|
||||
⚠️ 纸团飞进树洞的动画靠 Element.animate;不支持的老内核直接跳到「已收好」,不影响收存。 -->
|
||||
<!-- 「妈妈的树洞」整块已删(2026-10-01 用户要求)。样式与 JS 一并删除,需要恢复看 git 历史 70c9786。 -->
|
||||
|
||||
<!-- 3D 婴儿房 · 入口(2026-10-01)。用户原话:「把这个 3D 婴儿房放到首页……不用太靠前……有想法有创意一些,要合理一些,点击之后进入 3D 婴儿房」。
|
||||
应用由「3D 婴儿房」会话(33d6c837)维护:https://beian3.douba.top/yef/ ,目前只有这一个地址、前端假数据、不读身份参数。
|
||||
位置:今天的动线之后、书架之前 —— 首页后半段,属于「逛一逛」的内容,不和每天要点的工具抢位置。
|
||||
造型:右边是一座小房子(屋顶 + 烟囱 + 窗户),从窗户看进去就是房间截图(assets/img/nursery-room.jpg,
|
||||
由 yef/cover-full.png 裁的房间部分),截图慢慢左右平移,暗示房间能 360° 转着看。
|
||||
昼夜:按北京时间 19:00–6:00 换夜间版(深色底 + 窗户亮暖灯 + 小星星),和婴儿房自己的昼夜灯光呼应。
|
||||
文案:有真实孕周时写「再过 N 周,TA 就要住进来啦」(40 − 当前孕周),否则用通用一句。JS 在 app.js nurseryCard()。 -->
|
||||
<section class="nursery" id="nursery">
|
||||
<button class="ny-card" id="nyCard" type="button" aria-label="进入 3D 婴儿房,布置宝宝的小房间">
|
||||
<span class="ny-text">
|
||||
<span class="ny-tag">3D 婴儿房</span>
|
||||
<span class="ny-name">给宝宝布置<br>一间小房间</span>
|
||||
<span class="ny-sub" id="nySub">做孕期任务攒兜豆,换小床、墙纸和挂饰</span>
|
||||
<span class="ny-cta">推门进去 <svg viewBox="0 0 24 24" width="12" height="12" aria-hidden="true"><path d="M8 5l8 7-8 7z" fill="currentColor"/></svg></span>
|
||||
</span>
|
||||
<span class="ny-house" aria-hidden="true">
|
||||
<span class="ny-chim"><i></i><i></i><i></i></span>
|
||||
<span class="ny-roof"></span>
|
||||
<span class="ny-body">
|
||||
<span class="ny-win"><img src="assets/img/nursery-room.jpg" alt="" loading="lazy" decoding="async"></span>
|
||||
<span class="ny-stars"><i></i><i></i></span>
|
||||
</span>
|
||||
<span class="ny-360">360°</span>
|
||||
</span>
|
||||
</button>
|
||||
</section>
|
||||
|
||||
<!-- 模块三 · 书架卡带。
|
||||
上一版是「一张横排大卡 + 下面两张小卡」的老三段,和上面两个模块
|
||||
一样都是往下堆。这里改成一条横向可滑的书架:三张等宽等高的**竖版**书
|
||||
|
||||
Reference in New Issue
Block a user