其他孕妈也在搜
' +
- '
' + FIRE.replace('currentColor', 'currentColor') + '实时热搜' +
+ /* 11-03 用户：孕妈广场下面的「其他孕妈也在搜」改成广场里大家关注的 6 个话题，点了直接进该话题（问题库那份挪去「孕期百宝箱 → 孕期百问」） */
+ '
大家都在关注
' +
+ '' + FIRE.replace('currentColor', 'currentColor') + '广场热议' +
'' +
'
' +
'
';
@@ -72,33 +73,26 @@
if (/[?&]qzcard=1(?:&|$)/.test(location.search)) sec.insertBefore(qz, foot);
var list = box.querySelector('.g6-list'), all = box.querySelector('.g6-all');
var tot = (window.__mbPulse && window.__mbPulse.total && +window.__mbPulse.total.value) || 1510000;
- /* 11-02 按孕周出题：挑题逻辑在 app.js（window.__mbQaPick：第 1 条固定生娃计算器 + 本孕周段 4 条 + 通用 1 条），孕期数据到了（mb-preg）再刷一次 */
- var BANK = null;
- function paintList() {
- if (!BANK || !BANK.length) return;
- var pg = window.__mbPreg || {}, w = pg.week || 0;
- var tag = box.querySelector('.g6-wk');
- if (w) { if (!tag) { tag = document.createElement('span'); tag.className = 'g6-wk'; box.querySelector('.g6-mh').appendChild(tag); } tag.textContent = '孕 ' + w + ' 周'; }
- else if (tag) tag.remove();
- var pick = window.__mbQaPick ? window.__mbQaPick(BANK, w) : BANK.slice(0, 6);
- list.innerHTML = pick.map(function (x, i) {
- var n = tot * (+x.heat || 0), heat = x.heat ? '
' + FIRE + '' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : Math.round(n)) + ' 人看过' : '';
- var b = window.__mbMsBadge ? window.__mbMsBadge(i) : { t: x.badge, c: x.badge === '爆' ? 'bao' : '' };
- var bd = b.t ? '
' + (b.c === 'bao' ? FIRE_W : '') + esc(b.t) + '' : '';
- return '
' + (i + 1) + '' +
- '' + esc(x.q) + '' + heat + '' + bd + '›';
- }).join('');
+ /* 6 个话题 = 广场「全部」页「热门话题」前 6（同 guangchang/index.html hotList：带 hot 的三块轮流排 —— 家庭婚姻 / 职场 / 经验） */
+ function hot6() {
+ var T = window.GC_TOPICS || [], hot = T.filter(function (t) { return t.hot; }), by = ['family', 'work', 'baby'].map(function (c) { return hot.filter(function (t) { return t.cat === c; }); }), rr = [];
+ for (var r = 0; r < 10; r++) by.forEach(function (x) { if (x[r]) rr.push(x[r]); });
+ return rr.concat(T.filter(function (t) { return !t.hot; })).slice(0, 6);
}
- window.addEventListener('mb-preg', paintList);
- fetch('assets/data/qa/hot.json?' + Date.now()).then(function (r) { return r.ok ? r.json() : []; }).catch(function () { return []; }).then(function (bank) {
- if (!bank || !bank.length) { box.style.display = 'none'; return; }
- BANK = bank; paintList();
- if (bank.length > 6) {
- all.textContent = '查看全部问题 ›';
- all.classList.remove('hide');
- /* 全部问题页在 app.js 里（openQA），借原来那块的「查看全部」按钮触发 */
- all.addEventListener('click', function () { var o = document.getElementById('msAll'); if (o) o.click(); });
- }
- });
+ function paintList() {
+ var l6 = hot6();
+ if (!l6.length) { box.style.display = 'none'; return; }
+ list.innerHTML = l6.map(function (x, i) {
+ var n = x.talk || 0, heat = '
' + FIRE + '' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : n) + ' 人在聊'; /* 在聊人数是 topics.js 的占位数，同广场页 */
+ var b = window.__mbMsBadge ? window.__mbMsBadge(i) : { t: '', c: '' };
+ var bd = b.t ? '
' + (b.c === 'bao' ? FIRE_W : '') + esc(b.t) + '' : '';
+ return '
' + (i + 1) + '' +
+ '#' + esc(x.name) + '#' + heat + '' + bd + '›';
+ }).join('');
+ all.textContent = '查看全部话题 ›';
+ all.classList.remove('hide');
+ }
+ all.addEventListener('click', function () { location.href = 'guangchang/' + location.search + location.hash; });
+ paintList();
}
})();
diff --git a/js/kit.css b/js/kit.css
index 4c774e2..b4843d4 100644
--- a/js/kit.css
+++ b/js/kit.css
@@ -1,10 +1,12 @@
-/* 11-03 孕期百宝箱：趣味小测试 · 孕期百问 · 孕期计算器（替代「此刻」，见 js/kit.js） */
+/* 11-03 孕期百宝箱（见 js/kit.js）：独立模块，放在孕妈广场上面；原「此刻」藏起来 */
html.has-kit #pulse{display:none!important}
-.kit{margin:16px 0 0;padding:14px 0 2px;border-top:1px dashed rgba(220,160,140,.45)}
-.kit.hide{display:none}
-.kit-hd{display:flex;align-items:baseline;gap:8px;margin:0 0 11px}
-.kit-hd b{font-size:17px;font-weight:900;color:#2A1E1E;letter-spacing:.3px}
-.kit-hd span{font-size:12px;color:#A3958D;letter-spacing:.3px}
+#homeBody>section.kit-home{--gt:150,110,250}
+.kit-home{margin:16px -26px 0;padding:18px 26px 8px;border-radius:26px;position:relative;z-index:0}
+.kit-home.hide{display:none}
+.kit-hd{display:flex;align-items:center;gap:10px;margin:0 0 12px}
+.kit-tt{margin:0;font-size:21px;font-weight:900;letter-spacing:.5px;color:#2A1E1E}
+.kit-tt span{background:linear-gradient(transparent 58%,#E2D8FF 58%,#E2D8FF 92%,transparent 92%);padding:0 3px}
+.kit-hd>span{font-size:12px;color:#A3958D;letter-spacing:.3px;margin-top:3px}
.kit-g{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.kit-e{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:10px 10px 11px;border:0;border-radius:18px;text-align:left;font-family:inherit;cursor:pointer;overflow:hidden;
background:linear-gradient(165deg,var(--b1),var(--b2));box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);transition:transform .14s}
@@ -12,18 +14,27 @@ html.has-kit #pulse{display:none!important}
.kit-e img{width:58px;height:58px;margin:0 0 6px -2px;border-radius:16px;object-fit:cover;mix-blend-mode:multiply}
.kit-e b{font-size:14.5px;font-weight:900;color:#2A1E1E;white-space:nowrap;letter-spacing:.2px}
.kit-e span{margin-top:3px;min-height:32px;font-size:11px;line-height:1.45;color:#7C6E68;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
-.kit-e em{margin-top:8px;display:inline-flex;align-items:center;gap:2px;height:22px;padding:0 8px;border-radius:99px;background:var(--c);color:#fff;font-style:normal;font-size:11px;font-weight:800;white-space:nowrap}
+.kit-e em{margin-top:7px;display:inline-flex;align-items:center;gap:2px;height:22px;padding:0 8px;border-radius:99px;background:var(--c);color:#fff;font-style:normal;font-size:11px;font-weight:800;white-space:nowrap}
.kit-e em i{font-style:normal;font-size:13px;line-height:1}
-.kit-e.e-qz{--b1:#F3EEFF;--b2:#E6DDFD;--c:#7C5CFC}
-.kit-e.e-qa{--b1:#EAF8F3;--b2:#D8F0EA;--c:#2E9B78}
-.kit-e.e-js{--b1:#FFF3EA;--b2:#FDE8D4;--c:#F07A2E}
-html.night .kit{border-color:rgba(255,255,255,.1)}
-html.night .kit-hd b,html.night .kit-e b{color:#F1E6EE}
-html.night .kit-e span{color:#B9A9B2}
-html.night .kit-e{background:rgba(255,255,255,.06);box-shadow:none}
-html.night .kit-e img{mix-blend-mode:normal}
-/* 11-03 人数行：火苗 + N 万人测过 / 看过 / 算过（主色、醒目） */
+/* 人数行：火苗 + N 万人测过 / 看过 / 算过 */
.kit-e .kit-n{margin-top:6px;display:inline-flex;align-items:center;gap:1px;font-size:10.5px;font-weight:800;letter-spacing:-.2px;color:var(--c);white-space:nowrap}
.kit-e .kit-n svg{width:12px;height:12px;flex:none;color:#FF6A3D}
.kit-e .kit-n i{font-style:normal;font-size:13.5px;font-weight:900;margin-right:1px;font-variant-numeric:tabular-nums}
-.kit-e em{margin-top:7px}
+.kit-e.e-qz{--b1:#F3EEFF;--b2:#E6DDFD;--c:#7C5CFC}
+.kit-e.e-qa{--b1:#EAF8F3;--b2:#D8F0EA;--c:#2E9B78}
+.kit-e.e-js{--b1:#FFF3EA;--b2:#FDE8D4;--c:#F07A2E}
+/* 下面的 6 条列表（版式沿用首页 .ms-*：名次 + 标题 + 火苗人数），右侧换成类型小标 */
+.kit-lh{display:flex;align-items:center;gap:8px;margin:16px 0 0;padding-top:14px;border-top:1px dashed #F1DED6}
+.kit-lh b{font-size:16px;font-weight:900;color:#2A1E1E;letter-spacing:.3px}
+.kit-wk{margin-left:auto;font-size:12px;font-weight:700;color:#7C5CFC;background:#F1ECFF;padding:2px 9px;border-radius:99px}
+.kit-wk:empty{display:none}
+.kit-list .ms-it:last-child{border-bottom:0}
+.kit-tg{flex:none;height:20px;padding:0 7px;border-radius:6px;font-size:11px;font-weight:800;line-height:20px}
+.kit-tg.t-qz{background:#F1ECFF;color:#7C5CFC}
+.kit-tg.t-qa{background:#E6F6F0;color:#2E9B78}
+.kit-tg.t-js{background:#FFF0E4;color:#F07A2E}
+html.night .kit-tt,html.night .kit-e b,html.night .kit-lh b{color:#F1E6EE}
+html.night .kit-e span{color:#B9A9B2}
+html.night .kit-e{background:rgba(255,255,255,.06);box-shadow:none}
+html.night .kit-e img{mix-blend-mode:normal}
+html.night .kit-lh{border-color:rgba(255,255,255,.1)}
diff --git a/js/kit.js b/js/kit.js
index 34817aa..0c22cf4 100644
--- a/js/kit.js
+++ b/js/kit.js
@@ -1,53 +1,110 @@
-/* 11-03 用户：「把此刻那个板块改成测一测、科普、还有计算器」（先在预览改）
- 二改（同日）：「不是进去测一个，而是进去之后是列表页……名字改改，要不大家也不知道测一测是啥」
- → 位置不变（「我的孕期工具」卡底部，原 #pulse 处），叫「孕期百宝箱」，一排三个入口，各进各的列表页：
- · 趣味小测试 → 孕妈广场「测一测」列表（guangchang/?c=ceshi，30 个测试）
- · 孕期百问 → 首页全部问题页（app.js openQA，标题换成「孕期百问」，按孕周排）
- · 孕期计算器 → topic/jisuan/（新做的列表页：生娃花费、产假天数、胎儿体重、孕期增重）
- 原「此刻」#pulse 只是藏起来（kit.css），JS 照跑（别的地方要用它的总人数）；地址带 ?kit=0 可看回旧版对比。 */
+/* 11-03 孕期百宝箱（用户当天四轮改）：
+ ① 「把此刻那个板块改成测一测、科普、计算器」→ ② 「进去之后是列表页，名字改得大家看得懂」→ 三个入口：
+ 趣味小测试 → 孕妈广场测试列表（guangchang/?c=ceshi）；孕期百问 → 首页全部问题页（app.js openQA）；孕期计算器 → topic/jisuan/
+ ③ 「加上多少万人测过、算过」→ 卡上人数行（模拟数，AGENTS.md 12b，12-31 复核）
+ ④ 「百宝箱单独拎出来做一个模块，下面放一个像『其他妈妈也在搜』的列表，三块各拿两个」→ 独立 section #kitHome（孕妈广场上面），
+ 入口下面 6 条：测试 / 百问 / 计算器 交替各 2 条，按孕周挑，点了直达那一项。
+ 原「此刻」#pulse 只是藏起来（kit.css），JS 照跑（别处要用它的总人数）；地址带 ?kit=0 可看回旧版。 */
(function () {
if (/[?&]kit=0(?:&|$)/.test(location.search)) return;
- var box = document.getElementById('kit');
- if (!box) return;
- var V = '26110263';
+ var box = document.getElementById('kit'), sec = document.getElementById('kitHome');
+ if (!box || !sec) return;
+ var V = '26110264';
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');
+ function esc(t) { return String(t == null ? '' : t).replace(/[&<>"]/g, function (c) { return { '&': '&', '<': '<', '>': '>', '"': '"' }[c]; }); }
function cleanQ(extra) {
var q = new URLSearchParams(location.search);
['t', 'n', 'c', 'id', 'mine', 'write', 'fav', 'kit'].forEach(function (k) { q.delete(k); });
if (extra) Object.keys(extra).forEach(function (k) { q.set(k, extra[k]); });
var s = q.toString(); return (s ? '?' + s : '') + location.hash;
}
+ function wan(n) { return n >= 1e6 ? Math.round(n / 1e4) + '万' : n >= 1e4 ? (Math.round(n / 1e3) / 10) + '万' : String(Math.round(n)); } /* 百万以上取整，卡片窄放得下 */
+ function total() { var p = window.__mbPulse; return (p && p.total && +p.total.value) || 1510000; }
var FIRE = '
';
+
+ /* ---------- 上：三个入口 ---------- */
var E = [
{ k: 'qz', n: '趣味小测试', d: '1 分钟出结果，测测你是哪种孕妈', c: '30 个测试', img: 'ceshi', u: '人测过' },
{ k: 'qa', n: '孕期百问', d: '孕妈最常问的问题，一次看明白', c: '100 个问题', img: 'kepu', u: '人看过' },
{ k: 'js', n: '孕期计算器', d: '花多少钱、休几天产假，算一算', c: '4 个计算器', img: 'jisuan', u: '人算过' }
];
- box.innerHTML = '
孕期百宝箱测一测 · 查一查 · 算一算
' +
+ box.innerHTML = '
孕期百宝箱
测一测 · 查一查 · 算一算' +
E.map(function (x) {
return '
';
- }).join('') + '
';
- box.classList.remove('hide');
- /* 11-03 用户：「百宝箱里加上多少万人测过、算过」—— 模拟数，口径同各列表页（AGENTS.md 12b，12-31 复核）：
- 测过 = 30 个测试 gcTested 之和（同广场「累计 N 万人次参与」）；看过 = 「此刻」总人数 × 0.62；算过 = 4 个计算器 heat 之和 × 总人数（同 topic/jisuan） */
- function wan(n) { return n >= 1e6 ? Math.round(n / 1e4) + '万' : n >= 1e4 ? (Math.round(n / 1e3) / 10) + '万' : String(Math.round(n)); } /* 百万以上取整，卡片窄放得下 */
- function total() { var p = window.__mbPulse; return (p && p.total && +p.total.value) || 1510000; }
- function setNum(k, n) { var e = box.querySelector('.e-' + k + ' .kit-n i'); if (e && n) e.textContent = wan(n); }
- function nums() {
- if (window.GC_TESTS_META && window.gcTested) setNum('qz', window.GC_TESTS_META.reduce(function (a, x) { return a + window.gcTested(x.id); }, 0));
- setNum('qa', total() * .62);
- setNum('js', total() * (.118 + .062 + .071 + .083));
- }
- nums();
- if (!window.gcTested) { var ms = document.createElement('script'); ms.src = 'guangchang/ceshi/meta.js?v=' + V; ms.onload = function () { nums(); if (window.GC_TESTS_META) setCnt('qz', window.GC_TESTS_META.length + ' 个测试'); }; document.body.appendChild(ms); }
- setTimeout(nums, 3000); /* 「此刻」总人数接口晚到时按后台配置的人数重算一次 */
- /* 个数跟着真实数据走（测试表 / 问题库加载到了就换真数） */
+ }).join('') + '
' +
+ '
大家都在用
';
+ sec.classList.remove('hide');
function setCnt(k, t) { var e = box.querySelector('.e-' + k + ' em'); if (e) e.firstChild.nodeValue = t; }
- if (window.GC_TESTS_META) setCnt('qz', window.GC_TESTS_META.length + ' 个测试');
- fetch('assets/data/qa/hot.json?v=' + V).then(function (r) { return r.ok ? r.json() : []; }).then(function (a) { if (a && a.length) setCnt('qa', a.length + ' 个问题'); }).catch(function () {});
+ function setNum(k, n) { var e = box.querySelector('.e-' + k + ' .kit-n i'); if (e && n) e.textContent = wan(n); }
+ /* 人数口径：测过 = 30 个测试 gcTested 之和（同广场「累计 N 万人次参与」）；看过 = 「此刻」总人数 × 0.62；算过 = 4 个计算器 heat 之和 × 总人数（同 topic/jisuan） */
+ function nums() {
+ if (window.GC_TESTS_META && window.gcTested) { setNum('qz', window.GC_TESTS_META.reduce(function (a, x) { return a + window.gcTested(x.id); }, 0)); setCnt('qz', window.GC_TESTS_META.length + ' 个测试'); }
+ setNum('qa', total() * .62);
+ setNum('js', total() * CALC.reduce(function (a, x) { return a + x.heat; }, 0));
+ if (QA && QA.length) setCnt('qa', QA.length + ' 个问题');
+ }
+
+ /* ---------- 下：6 条列表（测试 / 百问 / 计算器 交替，各 2 条） ---------- */
+ /* 测试按孕周段分池（段同 app.js qaBand：1 ≤8 / 2 ≤13 / 3 ≤20 / 4 ≤28 / 5 ≤36 / 6 37+；0 = 没孕周 / 产后），每天轮换起点 */
+ var QZ_POOL = {
+ 0: ['t11', 't14', 't13', 't16', 't18', 't23', 't03', 't22'],
+ 1: ['t17', 't01', 't25', 't24', 't02', 't11'],
+ 2: ['t17', 't01', 't25', 't24', 't02', 't11'],
+ 3: ['t24', 't25', 't01', 't17', 't21', 't02'],
+ 4: ['t24', 't21', 't25', 't01', 't02', 't17'],
+ 5: ['t05', 't21', 't02', 't24', 't03', 't25'],
+ 6: ['t05', 't03', 't02', 't06', 't21', 't25']
+ };
+ /* 计算器（同 topic/jisuan 列表；heat 也同那页） */
+ var CALC = [
+ { q: '生娃到底要花多少钱？一键算清', h: 'topic/huafei/', heat: .118 },
+ { q: '孕期该长多少斤？按身高体重算', h: '/yunqi-tizhong/', heat: .083 },
+ { q: '胎儿现在多重？填 B 超数估一估', h: '/taier-guzhong/', heat: .071, gate: 15 },
+ { q: '产假能休多少天？哪天回去上班', h: 'topic/zhichang/', heat: .062 }
+ ];
+ var QA = null, day = Math.floor((Date.now() + 288e5) / 864e5);
+ function band() { var p = window.__mbPreg || {}; return p.postpartum || !p.week ? 0 : (window.__mbQaBand ? window.__mbQaBand(p.week) : 0); }
+ function rows() {
+ var b = band(), p = window.__mbPreg || {}, wk = p.week && !p.postpartum ? p.week : 0, out = { qz: [], qa: [], js: [] };
+ var meta = window.GC_TESTS_META || [], pool = (QZ_POOL[b] || QZ_POOL[0]).map(function (id) { return meta.filter(function (x) { return x.id === id; })[0]; }).filter(Boolean);
+ for (var i = 0; i < Math.min(2, pool.length); i++) {
+ var t = pool[(day + i) % pool.length];
+ out.qz.push({ q: t.title, href: 'guangchang/ceshi/' + cleanQ({ id: t.id }), n: window.gcTested ? window.gcTested(t.id) : 0, u: '人测过' });
+ }
+ if (QA && QA.length) {
+ var skip = ['topic/huafei/', 'topic/ceshi/', 'topic/duiyou/', 'topic/zhichang/'];
+ var all = window.__mbQaPick ? window.__mbQaPick(QA, wk, 40) : QA;
+ all.filter(function (x) { return x.href && skip.indexOf(x.href) < 0; }).slice(0, 2).forEach(function (x) {
+ out.qa.push({ q: x.q, href: x.href + location.search + location.hash, n: total() * (+x.heat || .03), u: '人看过' });
+ });
+ }
+ 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 周起产假排前 */
+ cl.slice(0, 2).forEach(function (x) { out.js.push({ q: x.q, href: x.h + 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])); });
+ return { r: r, wk: wk };
+ }
+ var TAG = { qz: '测试', qa: '百问', js: '计算器' };
+ function paint() {
+ nums();
+ var d = rows(), L = box.querySelector('.kit-list');
+ box.querySelector('.kit-wk').textContent = d.wk ? '孕 ' + d.wk + ' 周' : '';
+ L.innerHTML = d.r.map(function (x, i) {
+ return '
' + (i + 1) + '' +
+ '' + esc(x.q) + '' + FIRE + '' + wan(x.n) + x.u + '' +
+ '' + TAG[x.c] + '›';
+ }).join('');
+ }
+ fetch('assets/data/qa/hot.json?v=' + V).then(function (r) { return r.ok ? r.json() : []; }).catch(function () { return []; })
+ .then(function (a) { QA = Array.isArray(a) ? a : []; paint(); });
+ if (!window.gcTested) { var ms = document.createElement('script'); ms.src = 'guangchang/ceshi/meta.js?v=' + V; ms.onload = paint; document.body.appendChild(ms); }
+ window.addEventListener('mb-preg', paint);
+ setTimeout(paint, 3000); /* 「此刻」总人数接口晚到时按后台配置的人数重算一次 */
+ paint();
box.addEventListener('click', function (e) {
var b = e.target.closest('.kit-e'); if (!b) return;
diff --git a/topic/_shared/tools.js b/topic/_shared/tools.js
index 74b33f9..26a7f9b 100644
--- 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=26110263').then(function (idx) {
+ getJSON('../_shared/idx.json?v=26110264').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=26110263').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
+ getJSON('../_shared/cm/' + SLUG + '.json?v=26110264').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
}
function extras(el) {