首页头图:换参考页 WebGL 羊水+光束,孕囊改透明底 PNG (v26100427)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-04 09:09:20 +00:00
parent 4d412f0e60
commit 080d0481e4
12 changed files with 120 additions and 186 deletions

View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26100426 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100427 缓存版本标记:改 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 第四节) -->
@@ -65,13 +65,12 @@
每阶段一张会动的 GIF(本地程序化形变:呼吸、轻浮、小手、蹬脚;脸不动,所以永远闭眼闭嘴)+ 一张同帧静图打底,
静图先出、GIF 加载完再盖上。孕囊大小 = .hero-baby 的 --k,由 JS 按阶段写。
.hero-fx 是阳光光束 + 水波焦散的画布,叠在宝宝之上、文字之下。 -->
<!-- 2026-10-04 羊水深度层(js/hero-fx.js deep()):背景透过水的折射晃动 + 暗流 + 景深暗角 + 远处微粒,正常混合、在宝宝下面 -->
<!-- 2026-10-04 七版:#heroWater = 参考页(YANG-bak)的 WebGL 羊水 + 光束 + 呼吸暖光,在宝宝下面;孕囊图透明底叠在上面 -->
<canvas class="hero-water" id="heroWater" aria-hidden="true"></canvas>
<div class="hero-baby" id="heroBaby">
<img class="hero-kid hero-kid-still" id="heroStill" alt="" decoding="async">
<img class="hero-kid" id="heroKid" alt="" decoding="async">
</div>
<canvas class="hero-fx" id="heroFx" aria-hidden="true"></canvas>
<!-- 右上角原来有个消息圆钮,点开只弹「暂无新消息」——一个永远没有内容的入口,
还顶着一颗红点天天提示。整个删掉;这一排现在只剩左边的品牌字。
.hero-top 本身留着:它的 height:32 + margin-top:10 撑着下面整列的起点