v26110287 百宝箱：生娃计算器固定第一条带火苗；6条随机2~3条滚动、每5~7秒换一批

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-04 02:00:33 +00:00
parent 95a4255904
commit f38513d2f5
10 changed files with 62 additions and 34 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=26110286"></script>
-<script src="tests.js?v=26110286"></script>
+<script src="meta.js?v=26110287"></script>
+<script src="tests.js?v=26110287"></script>
 <script>
 (function () {
  'use strict';
--- a/guangchang/index.html
+++ b/guangchang/index.html
@@ -706,10 +706,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=26110286"></script>
-<script src="data.js?v=26110286"></script>
-<script src="feed.js?v=26110286"></script>
-<script src="ceshi/meta.js?v=26110286"></script>
+<script src="topics.js?v=26110287"></script>
+<script src="data.js?v=26110287"></script>
+<script src="feed.js?v=26110287"></script>
+<script src="ceshi/meta.js?v=26110287"></script>
 <script>
 (function () {
  'use strict';
@@ -775,7 +775,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=26110286').then(function (r) { return r.json(); }).then(function (j) {
+  fetch('cm.json?v=26110287').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=26110286"></script>
+<script src="../topics.js?v=26110287"></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:26110286 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26110287 缓存版本标记：改 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=26110286">
+<link rel="stylesheet" href="js/hero-cd.css?v=26110287">
 <!-- 夜晚模式：首屏绘制前就按上次的选择加 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>
@@ -2570,17 +2570,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=26110286"></script>
+<script src="guangchang/topics.js?v=26110287"></script>
 <script src="js/app.js"></script>
-<script src="js/hero-cd.js?v=26110286"></script>
-<script src="js/kit.js?v=26110286"></script>
+<script src="js/hero-cd.js?v=26110287"></script>
+<script src="js/kit.js?v=26110287"></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=26110286';
+  var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110287';
  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;
@@ -2589,7 +2589,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=26110286'; bs.src = 'js/gch/brand.js?v=26110286';
+    bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110287'; bs.src = 'js/gch/brand.js?v=26110287';
    document.head.appendChild(bl); document.body.appendChild(bs);
  }
 })();
@@ -2600,7 +2600,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=26110286"></script>
+<script src="js/coach.js?v=26110287"></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 = '26110286';
+  var VER = '26110287';
  const $ = (s, c) => (c || document).querySelector(s);
  const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));

--- 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=26110286'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
+  else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110287'; 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=26110286';
+  var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110287';
  document.head.appendChild(l);
-  var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110286';
+  var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110287';
  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.css
+++ b/js/kit.css
@@ -93,3 +93,14 @@ html.night .kit-pn .kit-rows .kr{border-bottom-color:rgba(255,255,255,.1)}
 .kr .lv-i{overflow:hidden;text-overflow:ellipsis}
 html.night .lv-i em{color:#F1E6EE}
@media (prefers-reduced-motion:reduce){.lv-i{transition:none}}
+/* 11-04 三改：每条叠放「静态行 / 滚动行」，.kr.live 时显示滚动（kit.js lvShuffle 随机 2～3 条） */
+.kr-sw{position:relative;display:block;height:18px}
+.kr-sw>.kr-n,.kr-sw>.kr-lv{position:absolute;left:0;right:0;top:0;transition:opacity .35s ease}
+.kr-sw>.kr-lv{opacity:0;pointer-events:none}
+.kr.live .kr-sw>.kr-lv{opacity:1}
+.kr.live .kr-sw>.kr-n{opacity:0}
+.kr.t-qa .lv-i{color:#2E9B78}
+/* 生娃计算器固定第一条，图标块左上角小火苗 */
+.kr-ic{position:relative}
+.kr-hot{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:linear-gradient(135deg,#F0453A,#FF8A3D);border:1.5px solid #fff;box-sizing:content-box}
+.kr-hot svg{width:11px;height:11px;color:#fff}
--- 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 = '26110286';
+  var V = '26110287';
  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');

@@ -88,9 +88,12 @@
    }
    var cl = CALC.filter(function (x) { return !(x.gate && wk && wk < x.gate); });
    if (b >= 5) cl = [cl[cl.length - 1]].concat(cl.slice(0, -1));   /* 孕 29 周起产假排前 */
+    /* 11-04 用户：「生娃计算器放第一个，标个火」→ 计算器两条里 huafei 必在，排到 6 条最前（hot） */
+    var hf = CALC[0]; cl = [hf].concat(cl.filter(function (x) { return x !== hf; }));
    cl.slice(0, 2).forEach(function (x) { out.js.push({ q: x.q, href: x.h + (x.cm ? (location.search ? location.search + '&' : '?') + 'calc=1' : location.search) + location.hash, n: total() * x.heat, u: '人算过' }); });
    var r = [];
-    for (var k = 0; k < 2; k++) ['qz', 'qa', 'js'].forEach(function (c) { if (out[c][k]) r.push(Object.assign({ c: c }, out[c][k])); });
+    if (out.js[0]) r.push(Object.assign({ c: 'js', hot: 1 }, out.js[0]));
+    [['qz', 0], ['qa', 0], ['js', 1], ['qz', 1], ['qa', 1]].forEach(function (p) { if (out[p[0]][p[1]]) r.push(Object.assign({ c: p[0] }, out[p[0]][p[1]])); });
    return { r: r, wk: wk };
  }
  var TAG = { qz: '测试', qa: '百问', js: '计算器' };
@@ -108,16 +111,16 @@
    /* 11-03 用户：「这 6 条跟下面孕妈广场那 6 条太像，换个形式」→（便签墙试过，用户要回到一行一条的排列，只换样式）
       一行一条，但不用名次数字和配图：左边按类型的彩色图标块（测试紫 / 百问绿 / 计算器橙），中间问题 + 类型·人数，右边 ›（11-03 用户嫌乱，样式收成一张白卡，见 kit.css）。 */
    L.className = 'kit-list kit-rows';
-    var can = d.r.map(function (x, i) { return lvList(x) ? i : -1; }).filter(function (i) { return i >= 0; });
-    if (!LV_PICK || LV_PICK.some(function (i) { return can.indexOf(i) < 0; })) {
-      LV_PICK = can.slice().sort(function () { return Math.random() - .5; }).slice(0, 2);
-    }
-    L.innerHTML = d.r.map(function (x, i) {
-      var lv = LV_PICK.indexOf(i) >= 0 && lvList(x);
-      return '<a class="kr ripple t-' + x.c + '" href="' + esc(x.href) + '"><span class="kr-ic kr-ch">' + KR_CH[x.c] + '</span>' +
-        '<span class="kr-m"><span class="kr-q">' + esc(x.q) + '</span>' + (lv ? lvHTML(lv) : '<span class="kr-n"><em>' + TAG[x.c] + '</em>' + FIRE + '<b>' + wan(x.n) + '</b>' + x.u + '</span>') + '</span>' +
+    /* 11-04 二改：「不用固定两个，6 条里随机 2～3 条在滚，一会儿换别的」→ 每条都备好静态行 + 滚动行（.kr-sw 叠放），
+       lvShuffle 每 5～7 秒随机定 2～3 条显示滚动（每次至少换 1 条），其余显示「类型 · 人数」 */
+    L.innerHTML = d.r.map(function (x) {
+      var lv = lvList(x);
+      return '<a class="kr ripple t-' + x.c + (x.hot ? ' hot' : '') + '" href="' + esc(x.href) + '"><span class="kr-ic kr-ch">' + KR_CH[x.c] +
+        (x.hot ? '<i class="kr-hot" aria-label="最热">' + FIRE + '</i>' : '') + '</span>' +
+        '<span class="kr-m"><span class="kr-q">' + esc(x.q) + '</span><span class="kr-sw"><span class="kr-n"><em>' + TAG[x.c] + '</em>' + FIRE + '<b>' + wan(x.n) + '</b>' + x.u + '</span>' + (lv ? lvHTML(lv) : '') + '</span></span>' +
        '<span class="kr-go">' + KR_GO[x.c] + '</span></a>';
    }).join('');
+    lvShuffle();
    lvRun();
  }
  /* ---------- 6 条里随机 2 条：类型·人数 那一行换成「谁测出了什么 / 谁算出了多少」滚动 ----------
@@ -133,12 +136,13 @@
    '/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>（吉林）']
  };
-  var LV_PICK = null, lvT = 0, lvN = Math.floor(Math.random() * LV_NM.length);
+  var lvT = 0, lvN = Math.floor(Math.random() * LV_NM.length);
  function lvList(x) {
    if (x.c === 'qz') {
      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 ['刚看完这条', '正在看', '收藏了这条', '把这条转给了老公'];
    var k = Object.keys(LV_JS).filter(function (h) { return x.href.indexOf(h) === 0; })[0];
    return k ? LV_JS[k] : null;
  }
@@ -148,13 +152,26 @@
      return '<span class="lv-i' + (i ? '' : ' on') + '"><img src="assets/img/mom/' + LV_AV[j] + '.jpg" alt="" loading="lazy" width="16" height="16"><em>' + LV_NM[j] + '</em>' + t + '</span>';
    }).join('') + '</span>';
  }
+  var lvS = 0, LV_ON = [];
+  function lvShuffle() {
+    var rs = [].slice.call(box.querySelectorAll('.kit-rows .kr')).filter(function (r) { return r.querySelector('.kr-lv'); });
+    if (!rs.length) return;
+    var n = Math.min(rs.length, Math.random() < .5 ? 2 : 3), nx, t = 0;
+    do {   /* 随机挑 n 条；和上一轮完全一样就重挑，保证每次都有变化 */
+      nx = rs.map(function (r, i) { return i; }).sort(function () { return Math.random() - .5; }).slice(0, n).sort();
+    } while (nx.join() === LV_ON.join() && ++t < 9);
+    LV_ON = nx;
+    rs.forEach(function (r, i) { r.classList.toggle('live', LV_ON.indexOf(i) >= 0); });
+    clearTimeout(lvS);
+    lvS = setTimeout(lvShuffle, 5000 + Math.random() * 2000);
+  }
  function lvRun() {
    clearInterval(lvT);
    lvT = setInterval(function () {
      if (document.hidden) return;
      box.querySelectorAll('.kr-lv').forEach(function (w) {
        var a = w.querySelector('.lv-i.on'), b = (a && a.nextElementSibling) || w.firstElementChild;
-        if (!a || a === b) return;
+        if (!a || a === b || !w.closest('.kr.live')) return;
        a.classList.remove('on'); a.classList.add('up'); setTimeout(function () { a.classList.remove('up'); }, 450);
        b.classList.add('on');
      });
--- 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=26110286').then(function (idx) {
+    getJSON('../_shared/idx.json?v=26110287').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=26110286').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
+    getJSON('../_shared/cm/' + SLUG + '.json?v=26110287').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
  }

  function extras(el) {