v26110264 预览:孕期百宝箱独立成模块+下方 6 条列表;孕妈广场「其他孕妈也在搜」改为广场热门 6 话题;修话题页底部引导报错
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -367,8 +367,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=26110263"></script>
|
||||
<script src="tests.js?v=26110263"></script>
|
||||
<script src="meta.js?v=26110264"></script>
|
||||
<script src="tests.js?v=26110264"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
@@ -672,10 +672,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=26110263"></script>
|
||||
<script src="data.js?v=26110263"></script>
|
||||
<script src="feed.js?v=26110263"></script>
|
||||
<script src="ceshi/meta.js?v=26110263"></script>
|
||||
<script src="topics.js?v=26110264"></script>
|
||||
<script src="data.js?v=26110264"></script>
|
||||
<script src="feed.js?v=26110264"></script>
|
||||
<script src="ceshi/meta.js?v=26110264"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
@@ -741,7 +741,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=26110263').then(function (r) { return r.json(); }).then(function (j) {
|
||||
fetch('cm.json?v=26110264').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) {
|
||||
@@ -1099,8 +1099,8 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
|
||||
/* 话题下帖子看完,接着引到同分类其他话题,避免以为这块只有这几篇 */
|
||||
var mo = $('#more'), tc = cur && TBY[cur];
|
||||
if (tc) {
|
||||
var rest = NOTES.filter(function (n) { return n.t !== cur && TBY[n.t].cat === tc.cat; }).length;
|
||||
mo.innerHTML = '<button type="button" class="mo k-' + tc.cat + '" data-t=""><small>这个话题就这些啦</small><b>「' + CATS.filter(function (c) { return c[0] === tc.cat; })[0][1] + '」还有 ' + rest + ' 篇,去看看 ›</b></button>';
|
||||
var rest = NOTES.filter(function (n) { return n.t !== cur; }).length; /* 11-03 分类取消 → 引回「全部」 */
|
||||
mo.innerHTML = '<button type="button" class="mo k-' + tc.cat + '" data-t=""><small>这个话题就这些啦</small><b>广场里还有 ' + rest + ' 篇,去看看 ›</b></button>';
|
||||
} else mo.innerHTML = '';
|
||||
}
|
||||
function setQuery(t, n) {
|
||||
|
||||
@@ -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=26110263"></script>
|
||||
<script src="../topics.js?v=26110264"></script>
|
||||
<script>
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
18
index.html
18
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:26110263 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
|
||||
<!-- V:26110264 缓存版本标记:改 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) -->
|
||||
@@ -527,10 +527,12 @@
|
||||
<span class="we-go" id="weGo"></span>
|
||||
</button>
|
||||
</div>
|
||||
<!-- 11-03 孕期百宝箱:趣味小测试 · 孕期百问 · 孕期计算器(替代上面的「此刻」,js/kit.js;?kit=0 看回此刻) -->
|
||||
<div class="kit hide" id="kit" role="region" aria-label="孕期百宝箱"></div>
|
||||
</section>
|
||||
|
||||
<!-- 11-03 孕期百宝箱(js/kit.js):替代「我的孕期工具」卡底部的「此刻」;同日四改:单独成一个模块,放在孕妈广场上面,
|
||||
上面三个入口(趣味小测试 · 孕期百问 · 孕期计算器 → 各自列表页),下面一个 6 条列表(每类 2 条,点了直达)。?kit=0 看回此刻。 -->
|
||||
<section class="kit-home hide" id="kitHome"><div class="kit" id="kit" role="region" aria-label="孕期百宝箱"></div></section>
|
||||
|
||||
<!-- 孕妈广场(2026-11-01 第一版,占位内容)。用户原话:「在这个模块下边加一个广场,放一些话题,有跟家庭里的,也有宝妈经验的……
|
||||
展示的时候不要像下面『其他妈妈也在搜』那种列表形式,两个列表就乱了。点进去之后变成小红书那种瀑布流」。
|
||||
→ 首页只放一排横滑的话题封面卡(不是列表):渐变色块 + 大水印字 + 话题名 + 篇数/在聊,热门带角标;
|
||||
@@ -2521,16 +2523,16 @@
|
||||
<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=26110263"></script>
|
||||
<script src="guangchang/topics.js?v=26110264"></script>
|
||||
<script src="js/app.js"></script>
|
||||
<script src="js/kit.js?v=26110263"></script>
|
||||
<script src="js/kit.js?v=26110264"></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=26110263';
|
||||
var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110264';
|
||||
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;
|
||||
@@ -2539,7 +2541,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=26110263'; bs.src = 'js/gch/brand.js?v=26110263';
|
||||
bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110264'; bs.src = 'js/gch/brand.js?v=26110264';
|
||||
document.head.appendChild(bl); document.body.appendChild(bs);
|
||||
}
|
||||
})();
|
||||
@@ -2550,7 +2552,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=26110263"></script>
|
||||
<script src="js/coach.js?v=26110264"></script>
|
||||
<script src="js/birth-flow.js?v=26110201"></script>
|
||||
|
||||
<!-- 禁止下拉回弹(2026-10-11 统一规则,与孕期体重同一段):竖向拖动时从手指下往上找还能朝该方向滚的容器,找不到才拦;横滑、双指、可滚列表不受影响 -->
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user