v26110264 预览:孕期百宝箱独立成模块+下方 6 条列表;孕妈广场「其他孕妈也在搜」改为广场热门 6 话题;修话题页底部引导报错
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
|
||||
var VER = '26110263';
|
||||
var VER = '26110264';
|
||||
const $ = (s, c) => (c || document).querySelector(s);
|
||||
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
|
||||
|
||||
|
||||
@@ -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=26110263'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
|
||||
else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110264'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
|
||||
})();
|
||||
|
||||
56
js/gch/v6.js
56
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=26110263';
|
||||
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110264';
|
||||
document.head.appendChild(l);
|
||||
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110263';
|
||||
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110264';
|
||||
s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); }; /* v4 要先拉 feed.js 才渲染 */
|
||||
document.body.appendChild(s);
|
||||
|
||||
@@ -23,8 +23,9 @@
|
||||
var box = document.createElement('div');
|
||||
box.className = 'g6-ms';
|
||||
box.innerHTML =
|
||||
'<div class="g6-mh"><h3 class="g6-mt"><span>其他孕妈也在搜</span></h3>' +
|
||||
'<span class="ms-live" aria-hidden="true">' + FIRE.replace('currentColor', 'currentColor') + '实时热搜</span>' +
|
||||
/* 11-03 用户:孕妈广场下面的「其他孕妈也在搜」改成广场里大家关注的 6 个话题,点了直接进该话题(问题库那份挪去「孕期百宝箱 → 孕期百问」) */
|
||||
'<div class="g6-mh"><h3 class="g6-mt"><span>大家都在关注</span></h3>' +
|
||||
'<span class="ms-live" aria-hidden="true">' + FIRE.replace('currentColor', 'currentColor') + '广场热议</span>' +
|
||||
'</div>' +
|
||||
'<div class="ms-list g6-list"></div>' +
|
||||
'<button type="button" class="ms-all g6-all hide"></button>';
|
||||
@@ -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 ? '<span class="ms-h">' + FIRE + '<b>' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : Math.round(n)) + ' 人看过</b></span>' : '';
|
||||
var b = window.__mbMsBadge ? window.__mbMsBadge(i) : { t: x.badge, c: x.badge === '爆' ? 'bao' : '' };
|
||||
var bd = b.t ? '<span class="ms-bd ' + b.c + '">' + (b.c === 'bao' ? FIRE_W : '') + esc(b.t) + '</span>' : '';
|
||||
return '<a class="ms-it ripple" href="' + esc((x.href || '') + location.search + location.hash) + '"><i class="ms-no">' + (i + 1) + '</i>' +
|
||||
'<span class="ms-m"><span class="ms-q">' + esc(x.q) + '</span>' + heat + '</span>' + bd + '<i class="ms-go">›</i></a>';
|
||||
}).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 = '<span class="ms-h">' + FIRE + '<b>' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : n) + ' 人在聊</b></span>'; /* 在聊人数是 topics.js 的占位数,同广场页 */
|
||||
var b = window.__mbMsBadge ? window.__mbMsBadge(i) : { t: '', c: '' };
|
||||
var bd = b.t ? '<span class="ms-bd ' + b.c + '">' + (b.c === 'bao' ? FIRE_W : '') + esc(b.t) + '</span>' : '';
|
||||
return '<a class="ms-it ripple" href="' + esc('guangchang/?t=' + encodeURIComponent(x.id) + location.hash) + '"><i class="ms-no">' + (i + 1) + '</i>' +
|
||||
'<span class="ms-m"><span class="ms-q">#' + esc(x.name) + '#</span>' + heat + '</span>' + bd + '<i class="ms-go">›</i></a>';
|
||||
}).join('');
|
||||
all.textContent = '查看全部话题 ›';
|
||||
all.classList.remove('hide');
|
||||
}
|
||||
all.addEventListener('click', function () { location.href = 'guangchang/' + location.search + location.hash; });
|
||||
paintList();
|
||||
}
|
||||
})();
|
||||
|
||||
45
js/kit.css
45
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)}
|
||||
|
||||
115
js/kit.js
115
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 = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M12.6 2.5c.4 3-1.6 4.6-3 6.2C8 10.4 7 12 7 14.3A5 5 0 0012 19.5a5 5 0 005-5.2c0-2-1-3.6-1.9-4.6-.2 1.3-.9 2.2-1.9 2.6.6-3.4-.2-7-.6-9.8z" fill="currentColor"/></svg>';
|
||||
|
||||
/* ---------- 上:三个入口 ---------- */
|
||||
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 = '<div class="kit-hd"><b>孕期百宝箱</b><span>测一测 · 查一查 · 算一算</span></div><div class="kit-g">' +
|
||||
box.innerHTML = '<div class="kit-hd"><h2 class="kit-tt"><span>孕期百宝箱</span></h2><span>测一测 · 查一查 · 算一算</span></div><div class="kit-g">' +
|
||||
E.map(function (x) {
|
||||
return '<button type="button" class="kit-e e-' + x.k + '" data-k="' + x.k + '"><img src="assets/img/kit/' + x.img + '.webp" alt="" decoding="async">' +
|
||||
'<b>' + x.n + '</b><span>' + x.d + '</span><strong class="kit-n">' + FIRE + '<i>--</i>' + x.u + '</strong><em>' + x.c + '<i aria-hidden="true">›</i></em></button>';
|
||||
}).join('') + '</div>';
|
||||
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('') + '</div>' +
|
||||
'<div class="kit-lh"><b>大家都在用</b><span class="kit-wk"></span></div><div class="ms-list kit-list"></div>';
|
||||
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 '<a class="ms-it ripple kit-it" href="' + esc(x.href) + '"><i class="ms-no">' + (i + 1) + '</i>' +
|
||||
'<span class="ms-m"><span class="ms-q">' + esc(x.q) + '</span><span class="ms-h">' + FIRE + '<b>' + wan(x.n) + x.u + '</b></span></span>' +
|
||||
'<span class="kit-tg t-' + x.c + '">' + TAG[x.c] + '</span><i class="ms-go">›</i></a>';
|
||||
}).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;
|
||||
|
||||
Reference in New Issue
Block a user