其他妈妈也在搜:首页固定为参考图6问,全部24问+测一测小测试,头像10个 v26103109
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
23
index.html
23
index.html
@@ -7,7 +7,7 @@
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<title>兜爸心选 · 孕育陪伴</title>
|
||||
<!-- V:26103108 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26103109 缓存版本标记:改 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) -->
|
||||
@@ -405,9 +405,8 @@
|
||||
写「明天见」—— 让每天回来看一条,而不是一口气翻完。 -->
|
||||
<section class="preg-tips hide" id="pregTips">
|
||||
<!-- 2026-10-31 用户定:「孕期小知识」首页这块改成「其他妈妈也在搜」(照用户给的参考图):
|
||||
黄色荧光笔大标题 + 一排妈妈头像 + 6 条问题,每条点进去都有内容 ——
|
||||
妊娠纹专题(孕 12 周起)、今天 / 昨天的小知识、宝宝这周、妈妈身体、吃点什么、这周留心(后几条进 #detailTips)。
|
||||
问题按孕周每周自动换(assets/data/preg-tips.json),渲染在 app.js renderTips()。 -->
|
||||
黄色荧光笔大标题 + 一排 10 个妈妈头像 + 参考图上那 6 个问题(固定,assets/data/qa/hot.json 前 6 条),
|
||||
其余问题在「查看全部」进的 #detailQA 里。渲染在 app.js renderSearch()。 -->
|
||||
<div class="ms-head">
|
||||
<h2 class="ms-title"><span>其他妈妈也在搜</span></h2>
|
||||
<span class="ms-wk" id="msWk"></span>
|
||||
@@ -1322,7 +1321,7 @@
|
||||
</section>
|
||||
|
||||
<!-- ================= 其他妈妈也在搜 · 全部问题(2026-10-31)=================
|
||||
首页 #pregTips 只露 6 条,其余在这里:按孕周取 assets/data/qa/<周>.json(孕 4–40 周,每周 18 条问答),
|
||||
首页 #pregTips 只露 6 条,其余在这里:取 assets/data/qa/hot.json(24 条,前 6 条是首页那 6 个),
|
||||
分类筛选 + 点开看答案;从首页点某一条进来,自动展开并滚到那一条。渲染在 app.js openQA()。 -->
|
||||
<section class="detail" id="detailQA">
|
||||
<div class="detail-bar">
|
||||
@@ -1376,6 +1375,18 @@
|
||||
.qa-it.open .qa-a{display:block}
|
||||
.qa-it.hit{animation:qaHit 1.2s ease}
|
||||
@keyframes qaHit{0%,40%{box-shadow:0 0 0 2px #F4593C}100%{box-shadow:0 2px 8px rgba(190,120,100,.07)}}
|
||||
.qa-go{display:inline-block;margin-top:8px;font-weight:700;color:#E0573A;text-decoration:none}
|
||||
.qz-lead{margin:0 0 8px;color:#6E5A57}
|
||||
.qz-h{margin:2px 0 8px;font-weight:700;color:#2F2424}
|
||||
.qz-o{display:block;width:100%;margin:0 0 7px;padding:9px 12px;border:1px solid #F1DDD6;border-radius:12px;background:#fff;font:inherit;font-size:14px;color:#3B2A2A;text-align:left}
|
||||
.qz-o:active{background:#FFEDE6;border-color:#F4593C}
|
||||
.qz-r{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 0 2px;text-align:center}
|
||||
.qz-r span{font-size:12px;color:#8A7471}
|
||||
.qz-r b{font-size:20px;font-weight:900;color:#E0573A}
|
||||
.qz-r p{margin:2px 0 6px;font-size:14px;color:#4A3B39}
|
||||
.qz-again{padding:6px 14px;border:0;border-radius:99px;background:#F4593C;color:#fff;font:inherit;font-size:13px;font-weight:700}
|
||||
html.night .qz-o{background:#2F2737;border-color:rgba(255,255,255,.12);color:#EFE3EA}
|
||||
html.night .qz-h{color:#F1E6EE}
|
||||
.qa-more{display:block;margin:16px auto 4px;padding:8px 16px;border-radius:99px;border:1px solid #F1DDD6;background:#fff;font:inherit;font-size:13px;color:#E0573A}
|
||||
html.night .qa-hero b,html.night .qa-tx,html.night .qa-topic b{color:#F1E6EE}
|
||||
html.night .qa-it,html.night .qa-cat,html.night .qa-more{background:#2F2737;border-color:rgba(255,255,255,.1);box-shadow:none}
|
||||
@@ -2202,7 +2213,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=26103108"></script>
|
||||
<script src="js/birth-flow.js?v=26103109"></script>
|
||||
|
||||
<!-- 禁止下拉回弹(2026-10-11 统一规则,与孕期体重同一段):竖向拖动时从手指下往上找还能朝该方向滚的容器,找不到才拦;横滑、双指、可滚列表不受影响 -->
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user