feat(首页头图): 孕25周整图铺成头图背景,左侧顺原图色调延伸 (v26093002)
- 橙色渐变底 + 右上角圆形宝宝图 → 整张孕25周图(孕肚弧线 + 羊水囊宝宝)作 .home-hero 背景, 右对齐、高度=头图高;左侧按原图左缘色调横向补出暗粉紫,屏宽 ≤520 都铺得满。 叠一层左深右透渐变压住孕肚亮边,保证左侧白字可读。头图高度 250 与底部椭圆弧不变。 - 去掉右上角圆形图(上一版预览的 dd05df88ab23.png)和三团橙色光斑; 嘴边气泡改挂在零尺寸锚点上,按背景图里嘴的位置定位,不再整体浮动。 - 新图 assets/img/4cd9891cec31.jpg(1560×750,84KB)。旧正式图 b00c707f7b1f.png 保留。 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:26093001 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26093002 缓存版本标记:改 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 第四节) -->
|
||||
@@ -58,12 +58,11 @@
|
||||
|
||||
<section class="screen is-active" id="screen-home" data-screen="home">
|
||||
<div class="home-hero">
|
||||
<div class="hero-blobs"><span></span><span></span><span></span></div>
|
||||
<div class="petals" id="petals"></div>
|
||||
<!-- 宝宝是一张 PNG,嘴没法单独动。改成从嘴边缓缓冒气泡(「咕噜咕噜」),
|
||||
浮动动画从 img 挪到这层外壳上,泡泡才会跟着一起浮。 -->
|
||||
<!-- 2026-09-30:宝宝不再是右上角一张圆形 PNG,整张孕 25 周图(孕肚弧线 + 羊水囊)
|
||||
铺成橙区背景,见 style.css 的 .home-hero。这里只剩嘴边冒的气泡,
|
||||
.hero-baby 是钉在图里嘴位置的一个零尺寸锚点。 -->
|
||||
<div class="hero-baby" aria-hidden="true">
|
||||
<img class="hero-art" src="assets/img/dd05df88ab23.png" alt="">
|
||||
<span class="hb-bub b1"></span><span class="hb-bub b2"></span><span class="hb-bub b3"></span>
|
||||
</div>
|
||||
<!-- 右上角原来有个消息圆钮,点开只弹「暂无新消息」——一个永远没有内容的入口,
|
||||
|
||||
Reference in New Issue
Block a user