v26110290 百问：序号在上关键词块在下、分类标签图标扁平化；百宝箱百问滚动去掉「转给老公」

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-04 02:13:01 +00:00
parent d6da67ea65
commit 265ad98d7c
9 changed files with 62 additions and 32 deletions
--- a/guangchang/ceshi/index.html
+++ b/guangchang/ceshi/index.html
@@ -320,8 +320,8 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
 </div>
 <div class="toast" id="toast"></div>

-<script src="meta.js?v=26110289"></script>
-<script src="tests.js?v=26110289"></script>
+<script src="meta.js?v=26110290"></script>
+<script src="tests.js?v=26110290"></script>
 <script>
 (function () {
  'use strict';
--- a/guangchang/index.html
+++ b/guangchang/index.html
@@ -711,10 +711,10 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
 <div id="sheet" role="dialog" aria-modal="true"><i class="sg"></i><div class="sbd" id="sbd"></div></div>
 <div class="toast" id="toast"></div>

-<script src="topics.js?v=26110289"></script>
-<script src="data.js?v=26110289"></script>
-<script src="feed.js?v=26110289"></script>
-<script src="ceshi/meta.js?v=26110289"></script>
+<script src="topics.js?v=26110290"></script>
+<script src="data.js?v=26110290"></script>
+<script src="feed.js?v=26110290"></script>
+<script src="ceshi/meta.js?v=26110290"></script>
 <script>
 (function () {
  'use strict';
@@ -780,7 +780,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
  var CMD = null, CMERR = false;
  /* 头像编码：数字 = av/NNNN.webp（旧代码头像）；'av:c012' = av/c012.webp（卡通/可爱卡通）；'/…' = 站内绝对路径（内置头像库 /_bridge/avatars/）；其余 = assets/img/mom/xxx.jpg */
  var avP = function (a) { return typeof a === 'number' ? 'av/' + ('000' + a).slice(-4) + '.webp' : a.indexOf('av:') === 0 ? 'av/' + a.slice(3) + '.webp' : a.charAt(0) === '/' ? a : '../assets/img/mom/' + a + '.jpg'; };
-  fetch('cm.json?v=26110289').then(function (r) { return r.json(); }).then(function (j) {
+  fetch('cm.json?v=26110290').then(function (r) { return r.json(); }).then(function (j) {
    CMD = j; if (openId && NBY[openId]) { renderComments(NBY[openId]); syncBar(NBY[openId]); }
  }).catch(function () { CMERR = true; if (openId && NBY[openId]) renderComments(NBY[openId]); });
  function commentsOf(n) {
--- a/guangchang/mine/index.html
+++ b/guangchang/mine/index.html
@@ -105,7 +105,7 @@ main{padding:6px 16px 0}
 </div>
 <div class="wb"><button type="button" id="write"><svg class="ic" viewBox="0 0 24 24"><path d="M12 20h9M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4z"/></svg>写新的故事</button></div>

-<script src="../topics.js?v=26110289"></script>
+<script src="../topics.js?v=26110290"></script>
 <script>
 (function () {
  'use strict';
--- a/index.html
+++ b/index.html
@@ -7,10 +7,10 @@
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <title>兜爸心选 · 孕育陪伴</title>
-<!-- V:26110289 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26110290 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
 <link rel="stylesheet" href="mama-box.css">
 <link rel="stylesheet" href="night.css">
-<link rel="stylesheet" href="js/hero-cd.css?v=26110289">
+<link rel="stylesheet" href="js/hero-cd.css?v=26110290">
 <!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） -->
 <script>try{if(localStorage.getItem('mmbox.night.v1')==='1'){document.documentElement.classList.add('night');document.querySelector('meta[name=theme-color]').content='#2A2340'}}catch(e){}</script>
 <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
@@ -1719,10 +1719,18 @@
      .qa-kw.c4{background:#FFF1DA;color:#D5871C}.qa-kw.c5{background:#E6F6EE;color:#2E9C6A}.qa-kw.c6{background:#FFEDE5;color:#E5683F}
      .qa-rk{position:absolute;left:-5px;top:-5px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;color:#fff;font-size:10.5px;font-weight:900;line-height:14px;font-style:italic}
      .qa-rk.r1{background:linear-gradient(135deg,#F0453A,#FF8A3D)}.qa-rk.r2{background:linear-gradient(135deg,#FF8A2E,#FFC06E)}.qa-rk.r3{background:linear-gradient(135deg,#8D6BFF,#B9A3FF)}
-      .qa-it.kw .qa-q{gap:9px;align-items:center}
-      .qa-it.kw .qa-no,.qa-it.kw.t3 .qa-no{align-self:center;margin-top:0}
-      .qa-it.kw .qa-bd,.qa-it.kw .qa-ch{align-self:flex-start}
-      .qa-it.kw .qa-a{margin-left:103px}.qa-it.kw.t3 .qa-a{margin-left:113px}
+      .qa-it.kw .qa-q{gap:12px}
+      .qa-lc{flex:none;display:flex;flex-direction:column;align-items:center;gap:6px;width:48px}
+      .qa-lc .qa-no{width:auto;margin:0;line-height:1}
+      .qa-it.t3 .qa-lc .qa-no{width:auto;font-size:22px}
+      .qa-it.kw .qa-a,.qa-it.kw.t3 .qa-a{margin-left:72px}
+      /* 11-04 分类标签 / 本周热问 前的扁平图标 */
+      .qa-cat{display:inline-flex;align-items:center;gap:5px}
+      .qa-ci{width:14px;height:14px;flex:none;fill:#B49D97}
+      .qa-ci.c1{fill:#E0507A}.qa-ci.c2{fill:#6E5BD6}.qa-ci.c3{fill:#2F86C9}.qa-ci.c4{fill:#D5871C}.qa-ci.c5{fill:#2E9C6A}.qa-ci.c6{fill:#E5683F}.qa-ci.c0{fill:#FF7A59}
+      .qa-cat.on .qa-ci{fill:#fff}
+      .qa-sec b{display:inline-flex;align-items:center;gap:5px}
+      .qa-fi{width:17px;height:17px;fill:#FF5A36}
      html.night .qa-rk{border-color:#2F2737}
      .qa-it.open .qa-a{display:block}
      .qa-it.hit{animation:qaHit 1.2s ease}
@@ -2572,17 +2580,17 @@
 <script src="/_bridge/avatar-picker.js?v=26101105"></script>
 <script src="/_bridge/hand-icons.js?v=26101202"></script>
 <script src="js/zodiac-art.js"></script>
-<script src="guangchang/topics.js?v=26110289"></script>
+<script src="guangchang/topics.js?v=26110290"></script>
 <script src="js/app.js"></script>
-<script src="js/hero-cd.js?v=26110289"></script>
-<script src="js/kit.js?v=26110289"></script>
+<script src="js/hero-cd.js?v=26110290"></script>
+<script src="js/kit.js?v=26110290"></script>
 <script>
 /* 11-02 首页「孕妈广场」效果稿：地址带 ?gcv=1~6 时，把 #gcHome 换成 demo/gch/vN.css + vN.js 的版式并滚到这一块。
   11-02 用户：「用第一版，放到预览页面上」；后改定彩色卡 → 不带参数也默认用 V6 合并版（广场卡堆 + 其他妈妈也在搜 + 测一测第 4 版彩色卡），不滚动、不显示效果稿角标 */
 (function () {
  var m = location.search.match(/[?&]gcv=([1-6])(?:&|$)/);
  if (!m) window.__gcDefault = 1;
-  var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110289';
+  var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110290';
  var dir = n === '4' || n === '6' ? 'js/gch/' : 'demo/gch/';   /* 11-03 上正式：定稿 V6（含它套的 V4）并进 js/gch/，其余效果稿仍在 demo/ */
  l.rel = 'stylesheet'; l.href = dir + 'v' + n + '.css?' + q;
  s.src = dir + 'v' + n + '.js?' + q;
@@ -2591,7 +2599,7 @@
  /* 11-02 品牌露出（用户定 4 处都要）：默认加载，?brand=0 可关掉对比；11-03 已并进 js/gch/ */
  if (!/[?&]brand=0/.test(location.search)) {
    var bl = document.createElement('link'), bs = document.createElement('script');
-    bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110289'; bs.src = 'js/gch/brand.js?v=26110289';
+    bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110290'; bs.src = 'js/gch/brand.js?v=26110290';
    document.head.appendChild(bl); document.body.appendChild(bs);
  }
 })();
@@ -2602,7 +2610,7 @@
 <script src="js/hero-fx.js"></script>
 <!-- 2026-10-05 首页头图：宝宝时不时动一动小手小脚（独立文件，删掉这一行即下线） -->
 <script src="js/baby-limbs.js?v=26101201"></script>
-<script src="js/coach.js?v=26110289"></script>
+<script src="js/coach.js?v=26110290"></script>
 <script src="js/birth-flow.js?v=26110201"></script>

 <!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->
--- a/js/app.js
+++ b/js/app.js
@@ -3,7 +3,7 @@
 (function () {
  'use strict';
  /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
-  var VER = '26110289';
+  var VER = '26110290';
  const $ = (s, c) => (c || document).querySelector(s);
  const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));

@@ -5627,6 +5627,22 @@
      '脐带绕颈怎么办？': '脐带绕颈', '什么时候开始休产假？': '休产假', '要不要请月嫂？怎么选？': '月嫂',
      '宝宝衣物用品要买多少？': '宝宝衣物', '侧切、撕裂能避免吗？': '侧切', '催产怎么做？疼吗？': '催产'
    };
+    const QA_IC = {
+      全部: '<path d="M4 4h7v7H4zM13 4h7v7h-7zM4 13h7v7H4zM13 13h7v7h-7z"/>',
+      孕周: '<path d="M12 3a9 9 0 110 18 9 9 0 010-18zm-1 4v6l5 3 1-1.6-4-2.4V7z"/>',
+      身体: '<circle cx="12" cy="5" r="2.6"/><path d="M8.6 9h4.2c3.4 0 5.7 2.4 5.7 5.3 0 2.5-1.9 4.2-4.3 4.2H13V22h-3v-5.5L8 15V10z"/>',
+      准备: '<path d="M9 3h6v2h3a1 1 0 011 1v15a1 1 0 01-1 1H6a1 1 0 01-1-1V6a1 1 0 011-1h3zM8 11h8v-2H8zm0 4h8v-2H8zm0 4h5v-2H8z"/>',
+      产检: '<path d="M10 3h4v7h7v4h-7v7h-4v-7H3v-4h7z"/>',
+      宝宝: '<path d="M12 3a9 9 0 110 18 9 9 0 010-18zM9 10.2a1.2 1.2 0 100 2.4 1.2 1.2 0 000-2.4zm6 0a1.2 1.2 0 100 2.4 1.2 1.2 0 000-2.4zM9 15.2c1.7 1.6 4.3 1.6 6 0l-1-1c-1.1 1-2.9 1-4 0z" fill-rule="evenodd"/>',
+      生活: '<path d="M12 3l9 8h-2.5v10h-5v-6h-3v6h-5V11H3z"/>',
+      营养: '<path d="M15 2.5c.3 1.9-.6 3.4-2.2 4.2C12 5.4 12.3 3.4 15 2.5zM12 7.8c1.3-1 2.8-1.4 4.2-1.1 2.6.5 3.8 3.1 3.6 6-.3 4.2-3 8.3-5.4 8.3-.9 0-1.6-.5-2.4-.5s-1.5.5-2.4.5c-2.4 0-5.1-4.1-5.4-8.3-.2-2.9 1-5.5 3.6-6 1.4-.3 2.9.1 4.2 1.1z"/>',
+      职场: '<path d="M9 4h6a1 1 0 011 1v2h4a1 1 0 011 1v11a1 1 0 01-1 1H4a1 1 0 01-1-1V8a1 1 0 011-1h4V5a1 1 0 011-1zm1 3h4V6h-4z"/>',
+      花钱: '<path d="M12 3a9 9 0 110 18 9 9 0 010-18zm-2.6 4.5L8.2 8.6 10.6 11H8.5v1.6H11v1.2H8.5v1.6H11V18h2v-2.6h2.5v-1.6H13v-1.2h2.5V11h-2.1l2.4-2.4-1.2-1.1L12 10.1z" fill-rule="evenodd"/>',
+      心情: '<path d="M12 20.5s-8-4.8-9.5-9.8C1.5 7.2 3.8 4 7.2 4c2 0 3.7 1.1 4.8 2.7C13.1 5.1 14.8 4 16.8 4c3.4 0 5.7 3.2 4.7 6.7-1.5 5-9.5 9.8-9.5 9.8z"/>',
+      趣味: '<path d="M12 2.8l2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 16.8l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9z"/>',
+      补剂: '<path d="M3.8 13.6l6.4-6.4a4.5 4.5 0 016.4 6.4l-6.4 6.4a4.5 4.5 0 01-6.4-6.4zm7.8-5l-3.5 3.5 4.3 4.3 3.5-3.5a3 3 0 00-4.3-4.3z" fill-rule="evenodd"/>',
+      专题: '<path d="M6 3h12a1 1 0 011 1v17l-7-4-7 4V4a1 1 0 011-1z"/>'
+    };
    const QA_TC = { 身体: 'c1', 准备: 'c2', 产检: 'c3', 宝宝: 'c4', 生活: 'c5', 营养: 'c6', 职场: 'c2', 花钱: 'c6', 心情: 'c1', 趣味: 'c4', 补剂: 'c3', 专题: 'c5' };
    $('#qaTopic').classList.add('hide');
    const inBand = x => !!(band && x.st && x.st.indexOf(band) >= 0);
@@ -5641,7 +5657,9 @@
    ['全部'].concat(cats).forEach(c => {
      const b = document.createElement('button');
      b.type = 'button'; b.className = 'qa-cat'; b.dataset.cat = c;
-      b.textContent = c === '__st' ? '⏳ 孕 ' + state.week + ' 周' : c === '全部' ? '✨ 全部' : (QA_EM[c] ? QA_EM[c] + ' ' : '') + c;
+      /* 11-04 用户：「标签前面的小图标全部扁平化」→ emoji 换成实心单色 SVG（QA_IC），颜色跟分类彩签同色，选中时变白 */
+      const ik = c === '__st' ? '孕周' : c;
+      b.innerHTML = (QA_IC[ik] ? '<svg class="qa-ci ' + (QA_TC[c] || 'c0') + '" viewBox="0 0 24 24" aria-hidden="true">' + QA_IC[ik] + '</svg>' : '') + (c === '__st' ? '孕 ' + state.week + ' 周' : c);
      b.addEventListener('click', () => qaFilter(c));
      cb.appendChild(b);
    });
@@ -5650,7 +5668,7 @@
    const sec = (t, d) => { const h = document.createElement('div'); h.className = 'qa-sec'; h.innerHTML = '<b>' + t + '</b><small>' + d + '</small>'; L.appendChild(h); };
    const snip = a => (a || '').replace(/\s+/g, ' ').trim();
    order.forEach((x, i) => {
-      if (i === 0) sec('🔥 本周热问', '看的人最多的 3 个问题');
+      if (i === 0) sec('<svg class="qa-fi" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 21c-4 0-6.5-2.7-6.5-6.2 0-3.6 2.9-5.6 3.6-9.3 2.6 1.4 3.6 3.6 3.6 5.4 1-.6 1.6-1.8 1.7-3 2.4 1.9 4.1 4.3 4.1 7 0 3.5-2.5 6.1-6.5 6.1z"/></svg>本周热问', '看的人最多的 3 个问题');
      if (i === 3) sec('全部问题', '点开就有答案');
      const it = document.createElement('div');
      it.className = 'qa-it' + (i < 3 ? ' t3 r' + (i + 1) : '');
@@ -5680,7 +5698,10 @@
      const bd = QA_BD(i), g = document.createElement('span');
      if (bd) { g.className = 'qa-bd ' + bd[1]; g.textContent = bd[0]; }
      const ch = document.createElement('i'); ch.className = 'qa-ch'; ch.textContent = '›';
-      h.appendChild(no); if (it._kw) h.appendChild(it._kw); h.appendChild(t); if (g.textContent) h.appendChild(g); h.appendChild(ch);
+      /* 11-04 用户：「序号在上、关键词块在下，右边放标题」→ 有关键词的条目左边是一竖列（序号 + 关键词块） */
+      if (it._kw) { const col = document.createElement('span'); col.className = 'qa-lc'; col.appendChild(no); col.appendChild(it._kw); h.appendChild(col); }
+      else h.appendChild(no);
+      h.appendChild(t); if (g.textContent) h.appendChild(g); h.appendChild(ch);
      const a = document.createElement('div'); a.className = 'qa-a';
      a.textContent = x.a || '';
      /* 有专题页的条目（首页那 6 个）点了直接进专题页 */
--- a/js/gch/v4.js
+++ b/js/gch/v4.js
@@ -231,5 +231,5 @@
 }
  /* feed.js 首页默认不加载（index.html 只引了 topics.js），这里按需拉一次 */
  if (window.GC_FEED) init();
-  else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110289'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
+  else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110290'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
 })();
--- a/js/gch/v6.js
+++ b/js/gch/v6.js
@@ -6,9 +6,9 @@
 (function () {
  var sec = document.getElementById('gcHome');
  if (!sec) return;
-  var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110289';
+  var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110290';
  document.head.appendChild(l);
-  var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110289';
+  var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110290';
  s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); };   /* v4 要先拉 feed.js 才渲染 */
  document.body.appendChild(s);

--- a/js/kit.js
+++ b/js/kit.js
@@ -9,7 +9,7 @@
  if (/[?&]kit=0(?:&|$)/.test(location.search)) return;
  var box = document.getElementById('kit'), sec = document.getElementById('kitHome');
  if (!box || !sec) return;
-  var V = '26110289';
+  var V = '26110290';
  var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/kit.css?v=' + V; document.head.appendChild(l);
  document.documentElement.classList.add('has-kit');

@@ -150,7 +150,7 @@
  }
  var LV_JS = {
    'topic/huafei/': ['算出养到 18 岁约 <b>62.8 万</b>', '算出头一年约 <b>9.6 万</b>', '算出养到 3 岁约 <b>21.4 万</b>', '算出养到 18 岁约 <b>48.5 万</b>'],
-    'topic/yuchanqi-js/': ['算出还有 <b>96 天</b>见面', '算出现在孕 <b>23 周 + 4 天</b>', '算出预产期在 <b>3 月 12 日</b>', '算出 NT 该在 <b>下周</b>做'],
+    'topic/yuchanqi-js/': ['算出还有 <b>96 天</b>见面', '算出现在孕 <b>23 周 + 4 天</b>', '算出预产期在 <b>3 月 12 日</b>', '算出预产期在 <b>4 月 20 日</b>'],
    '/taier-guzhong/': ['估出宝宝约 <b>1.6 斤</b>', '估出宝宝约 <b>2.3 斤</b>', '估出宝宝约 <b>3.1 斤</b>'],
    'topic/zhichang/': ['算出产假能休 <b>178 天</b>（广东）', '算出产假能休 <b>158 天</b>（上海）', '算出产假能休 <b>188 天</b>（河南）', '算出产假能休 <b>180 天</b>（吉林）']
  };
@@ -160,7 +160,8 @@
      var id = (x.href.match(/[?&]id=(t\d+)/) || [])[1], r = (window.GC_RES || {})[id];
      return r && r.length ? r.map(function (t) { return '测出「' + esc(t) + '」'; }) : null;
    }
-    if (x.c === 'qa') return ['刚看完这条', '正在看', '收藏了这条', '把这条转给了老公'];
+    /* 11-04 用户：「转给了老公」我们识别不到、是凭空编的 → 只写站内本来就有的动作（看、收藏、转发），不写对象 */
+    if (x.c === 'qa') return ['刚看完这条', '正在看', '收藏了这条', '转发了这条'];
    var k = Object.keys(LV_JS).filter(function (h) { return x.href.indexOf(h) === 0; })[0];
    return k ? LV_JS[k] : null;
  }
--- a/topic/_shared/tools.js
+++ b/topic/_shared/tools.js
@@ -68,7 +68,7 @@
  function getJSON(u) { return fetch(u, { cache: 'no-cache' }).then(function (r) { if (!r.ok) throw r.status; return r.json(); }); }

  function related(box) {
-    getJSON('../_shared/idx.json?v=26110289').then(function (idx) {
+    getJSON('../_shared/idx.json?v=26110290').then(function (idx) {
      var me = null; idx.forEach(function (x) { if (x[0] === SLUG) me = x; });
      var tag = me ? me[2] : '', h = 0; for (var i = 0; i < SLUG.length; i++) h = (h * 31 + SLUG.charCodeAt(i)) >>> 0;
      var rest = idx.filter(function (x) { return x[0] !== SLUG; });
@@ -175,7 +175,7 @@
    }
    fetch(API + '/comments?kind=topic&target=' + encodeURIComponent(SLUG) + (OID ? '&openid=' + encodeURIComponent(OID) : ''))
      .then(function (r) { return r.json(); }).then(function (j) { if (j && j.code === 200) { RC = j.result; paint(); } }).catch(function () {});
-    getJSON('../_shared/cm/' + SLUG + '.json?v=26110289').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
+    getJSON('../_shared/cm/' + SLUG + '.json?v=26110290').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
  }

  function extras(el) {