style(首页): 宝宝缩到原图 70%;停用 GIF 只用静图,消除宝宝脸/腿变形 (v26100418)
- 原 GIF 帧间整体扭动(生成动图自带),宝宝脸型、腿型会变 → 9 阶段只用静图 - 静图重做:囊内整块换空孕囊,只贴缩小后的宝宝 + 脐带,原图不残留 Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
BIN
assets/img/0780b4698253.jpg
Normal file
|
After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 26 KiB |
BIN
assets/img/251ec778dc15.jpg
Normal file
|
After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 277 KiB |
|
Before Width: | Height: | Size: 251 KiB |
|
Before Width: | Height: | Size: 434 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 27 KiB |
BIN
assets/img/85da5aaebb4f.jpg
Normal file
|
After Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 25 KiB |
|
Before Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 490 KiB |
|
Before Width: | Height: | Size: 444 KiB |
|
Before Width: | Height: | Size: 293 KiB |
BIN
assets/img/a6f52893ad1e.jpg
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
assets/img/b0e24b10aaee.jpg
Normal file
|
After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 441 KiB |
|
Before Width: | Height: | Size: 491 KiB |
|
Before Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 27 KiB |
BIN
assets/img/d953571ad48d.jpg
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
assets/img/dcf2ae48e0ec.jpg
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
assets/img/dd756c516072.jpg
Normal file
|
After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 358 KiB |
|
Before Width: | Height: | Size: 26 KiB |
|
Before Width: | Height: | Size: 26 KiB |
BIN
assets/img/ff112c222b1e.jpg
Normal file
|
After Width: | Height: | Size: 26 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:26100417 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26100418 缓存版本标记:改 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 第四节) -->
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
|
||||
var VER = '26100417';
|
||||
var VER = '26100418';
|
||||
const $ = (s, c) => (c || document).querySelector(s);
|
||||
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
|
||||
|
||||
|
||||
@@ -11,17 +11,17 @@
|
||||
不在首页 / 页面隐藏 / 头图滚出视口时停画;系统「减少动态效果」下整块不画(CSS 也隐藏)。 */
|
||||
(function () {
|
||||
'use strict';
|
||||
// [起始孕周, 静图, GIF, 孕囊倍数 k]
|
||||
// [起始孕周, 静图, GIF(null = 只用静图), 孕囊倍数 k] 2026-10-04:宝宝在囊里缩到原图的 70%,孕囊不变
|
||||
const STAGES = [
|
||||
[0, 'd86caa477171.jpg', '482d0a3043b9.gif', .42], // 1 4–7 周 胚芽 + 卵黄囊
|
||||
[8, '677339874dd7.jpg', '30163971ab67.gif', .52], // 2 8–10 周 小豆芽胚胎
|
||||
[11, 'eed131630ed3.jpg', 'a59fd5aa0f28.gif', .62], // 3 11–13 周 刚有人形
|
||||
[14, 'fdcdef9ad731.jpg', 'b6fdd2c43538.gif', .72], // 4 14–17 周 身子拉长、吮手
|
||||
[18, '18022a7d97d3.jpg', 'ece5fb854939.gif', .86], // 5 18–23 周 比例接近新生儿、偏瘦
|
||||
[24, '87dac10fb33c.jpg', '55c1e3d20b6d.gif', 1], // 6 24–27 周 原来那个宝宝
|
||||
[28, 'd8eb9eb12eee.jpg', 'a0e633273ab4.gif', 1.01], // 7 28–31 周 大一圈、有胎发
|
||||
[32, '99cf27ee651e.jpg', '9d1908a2aff3.gif', 1.02], // 8 32–35 周 肉嘟嘟、抱腿
|
||||
[36, '6bd1f87ff5ab.jpg', 'c878649c8fee.gif', 1.03] // 9 36 周起 足月、撑满羊水囊(头朝上:10-04 用户说头朝下看着不舒服)
|
||||
[0, 'd953571ad48d.jpg', null, .42], // 1 4–7 周 胚芽 + 卵黄囊
|
||||
[8, 'dd756c516072.jpg', null, .52], // 2 8–10 周 小豆芽胚胎
|
||||
[11, 'a6f52893ad1e.jpg', null, .62], // 3 11–13 周 刚有人形
|
||||
[14, '251ec778dc15.jpg', null, .72], // 4 14–17 周 身子拉长、吮手
|
||||
[18, 'dcf2ae48e0ec.jpg', null, .86], // 5 18–23 周 比例接近新生儿、偏瘦
|
||||
[24, 'b0e24b10aaee.jpg', null, 1], // 6 24–27 周 原来那个宝宝
|
||||
[28, '85da5aaebb4f.jpg', null, 1.01], // 7 28–31 周 大一圈、有胎发
|
||||
[32, '0780b4698253.jpg', null, 1.02], // 8 32–35 周 肉嘟嘟、抱腿
|
||||
[36, 'ff112c222b1e.jpg', null, 1.03] // 9 36 周起 足月、撑满羊水囊(头朝上:10-04 用户说头朝下看着不舒服)
|
||||
];
|
||||
const DEFAULT = 5;
|
||||
const IMG = 'assets/img/';
|
||||
@@ -49,7 +49,9 @@
|
||||
const s = new Image();
|
||||
s.onload = () => { if (my !== seq) return; still.src = s.src; still.classList.add('is-on'); };
|
||||
s.src = IMG + png;
|
||||
if (reduce) return;
|
||||
/* 2026-10-04 用户:「水波纹一出来,宝宝的脸型、腿型就变了」—— 那是 GIF 自带的整体扭动(生成动图的通病),
|
||||
不是页面特效。先只用静图:宝宝一像素都不变形。gif 位传 null;以后有了只动手脚/嘴角的新动图再填回来。 */
|
||||
if (reduce || !gif) return;
|
||||
const g = new Image();
|
||||
g.onload = () => { if (my !== seq) return; kid.src = g.src; kid.classList.add('is-on'); };
|
||||
g.src = IMG + gif;
|
||||
|
||||