feat(首页头图): 孕25周换母婴作图 v6 GIF——宝宝背对镜头、脐带更明显 (v26093016)

- 素材换母婴作图 v6(替代 v5 的 mp4):卡通动漫风宝宝背对镜头不露脸,脐带从囊壁右上方垂下、全程不动;
  画幅从 1280×736 变 16:9。
- 背景 = v6 静帧缩 .88、截取块中心 (656,360) 摆到 (1240,375),囊完整不裁;
  <video> 换成 <img>:原 GIF 截 450×450 整高块(含宝宝全部动作),object-fit:cover 铺满 .hero-baby,
  首帧和背景对齐误差 ≈3.7(GIF 抖动噪点级)。加载完淡入,没加载出来停在静帧。
- 宝宝不露脸了,嘴边的小气泡连同样式一起去掉;底色兜底 #df856a。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-09-30 16:02:41 +00:00
parent 488989d82c
commit 8c25d5fc74
7 changed files with 32 additions and 64 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:26093015 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26093016 缓存版本标记:改 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 第四节) -->
@@ -59,14 +59,11 @@
<section class="screen is-active" id="screen-home" data-screen="home">
<div class="home-hero">
<div class="petals" id="petals"></div>
<!-- 2026-09-30:宝宝不再是右上角一张圆形 PNG。头图背景 = 孕 25 周循环视频(母婴作图 v5)的第 1 帧,
这里只叠一段截了羊水囊的同源视频 .hero-kid:镜头固定、同一帧起步,所以和背景严丝合缝;
宝宝自己吸手指、低头抬头,囊和囊壁上细细的脐带不动。视频放不起来就停在背景那一帧。 -->
<!-- 2026-09-30:头图背景 = 孕 25 周动图(母婴作图 v6)的静帧,这里只叠一张截了羊水囊的同源 GIF .hero-kid:
镜头固定、同一帧起步,所以和背景严丝合缝;宝宝背对镜头自己动,囊和脐带不动。
GIF 没加载出来就停在背景那一帧。v6 宝宝不露脸,原来嘴边的小气泡去掉了。 -->
<div class="hero-baby" aria-hidden="true">
<video class="hero-kid" id="heroKid" src="assets/video/1a9ccfb1439f.mp4"
muted autoplay loop playsinline webkit-playsinline x5-playsinline
preload="auto" disablepictureinpicture></video>
<span class="hb-bub b1"></span><span class="hb-bub b2"></span><span class="hb-bub b3"></span>
<img class="hero-kid" id="heroKid" src="assets/img/5c5c6379bd5f.gif" alt="" decoding="async">
</div>
<!-- 右上角原来有个消息圆钮,点开只弹「暂无新消息」——一个永远没有内容的入口,
还顶着一颗红点天天提示。整个删掉;这一排现在只剩左边的品牌字。