孕期专题·妊娠纹 (v26103103):新增 topic/wen/ 专题页(10 张插画,按孕周点亮阶段),首页小知识孕 12 周起加专题入口

只写成分和品类、不点名品牌;效果百分比只在页底循证来源注明研究对象和人数。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-10-31 11:17:33 +00:00
parent d65c5512e9
commit 750be14823
13 changed files with 428 additions and 3 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:26103101 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26103103 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<link rel="stylesheet" href="night.css">
<!-- 夜晚模式:首屏绘制前就按上次的选择加 class,避免先白后黑闪一下(开关在首页右上角 #nightBtn,逻辑见 app.js) -->
@@ -359,6 +359,24 @@
<button type="button" class="pt-chip pc-eat" data-pt="eat"><i aria-hidden="true">🥗</i><span>吃点什么</span></button>
<button type="button" class="pt-chip pc-care" data-pt="care"><i aria-hidden="true">📋</i><span>这周留心</span></button>
</div>
<!-- 2026-10-31 用户定:孕期专题入口(第一篇妊娠纹,topic/wen/)。孕 12 周起显示,20 周起换「肚子长得最快」文案,见 app.js renderTips -->
<a class="pt-topic hide" id="ptTopic" href="topic/wen/">
<img src="topic/wen/img/hero.webp" alt="" loading="lazy">
<span class="ptt-tx"><em>孕期专题</em><b>妊娠纹:为什么会长、现在抹什么</b><span id="ptTopicD">3 分钟看懂,从现在开始打底</span></span>
<i class="ptt-go">›</i>
</a>
<style>
.pt-topic{display:flex;align-items:center;gap:12px;margin:12px 0 2px;padding:8px 12px 8px 8px;border-radius:16px;background:linear-gradient(110deg,#FFEDE6,#FFF8F4);text-decoration:none;color:inherit}
.pt-topic.hide{display:none}
.pt-topic img{flex:none;width:62px;height:62px;border-radius:12px;object-fit:cover}
.ptt-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.ptt-tx em{font-style:normal;font-size:11px;color:#F4593C;font-weight:600}
.ptt-tx b{font-size:14px;line-height:1.35;color:#3B2A2A}
.ptt-tx span{font-size:12px;color:#8A7471}
.ptt-go{font-style:normal;font-size:20px;color:#E4A595}
html.night .pt-topic{background:linear-gradient(110deg,#3a2a2a,#2c2222)}
html.night .ptt-tx b{color:#f3e6e2}
</style>
<p class="pt-foot">仅供参考,身体有任何不适请以医生意见为准</p>
</section>
@@ -2050,7 +2068,7 @@
<!-- 2026-10-05 首页头图:宝宝时不时动一动小手小脚(独立文件,删掉这一行即下线) -->
<script src="js/baby-limbs.js?v=26101201"></script>
<script src="js/coach.js?v=26101211"></script>
<script src="js/birth-flow.js?v=26103101"></script>
<script src="js/birth-flow.js?v=26103103"></script>
<!-- 禁止下拉回弹(2026-10-11 统一规则,与孕期体重同一段):竖向拖动时从手指下往上找还能朝该方向滚的容器,找不到才拦;横滑、双指、可滚列表不受影响 -->
<script>