style(首页): 头图孕囊宝宝整体缩小到 82%,圆心不动 (v26100415)
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:26100414 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26100415 缓存版本标记:改 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 = '26100414';
|
||||
var VER = '26100415';
|
||||
const $ = (s, c) => (c || document).querySelector(s);
|
||||
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
|
||||
|
||||
|
||||
@@ -297,7 +297,8 @@ a.skip:focus{left:16px;top:16px}
|
||||
其它阶段围绕同一圆心按 --k 缩放。羽化遮罩 84%→100% 把方块边化进空背景。 */
|
||||
/* 2026-10-04:孕囊大小跟着宝宝变 —— --k 是相对原 25 周那颗囊的倍数(JS 按孕周阶段写,见 js/hero-fx.js STAGES)。
|
||||
圆心固定在原来那颗囊的圆心(距右 .42665H、距顶 .5H),只改直径,所以小囊会往圆心收、大囊往四周撑。 */
|
||||
.hero-baby{--H:calc(250px + env(safe-area-inset-top));--k:1;--d:calc(var(--H) * .8453 * var(--k));
|
||||
/* 2026-10-04 用户:「右侧小宝宝太大」—— 全阶段统一 ×.82(--s),圆心不动 */
|
||||
.hero-baby{--H:calc(250px + env(safe-area-inset-top));--k:1;--s:.82;--d:calc(var(--H) * .8453 * var(--k) * var(--s));
|
||||
position:absolute;z-index:2;
|
||||
top:calc(var(--H) * .5 - var(--d) / 2);
|
||||
right:calc(var(--H) * .42665 - var(--d) / 2);
|
||||
|
||||
Reference in New Issue
Block a user