v26110263 预览：百宝箱三卡加人数（测过/看过/算过）；广场 slogan 挨着标题
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
@@ -3,7 +3,7 @@
|
||||
(function () {
|
||||
'use strict';
|
||||
/* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
|
||||
var VER = '26110262';
|
||||
var VER = '26110263';
|
||||
const $ = (s, c) => (c || document).querySelector(s);
|
||||
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
|
||||
|
||||
|
||||
@@ -98,7 +98,7 @@
|
||||
#gcHome.gv4 .g4-hand{width:46px;height:46px;margin-left:70px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);box-shadow:0 6px 18px rgba(80,30,20,.28)}
|
||||
#gcHome.gv4 .g4-hand svg{width:26px;height:26px;fill:none;stroke:#E2694A;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
|
||||
#gcHome.gv4 .g4-hint b{padding:6px 12px;border-radius:99px;background:rgba(42,30,30,.72);color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.5px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
|
||||
/* 11-03 右上角分类取消 → 一句小 slogan（靠右、轻量，左边一个小爱心点缀） */
|
||||
#gcHome.gv4 .g4-slg{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#C08A86;letter-spacing:.5px;white-space:nowrap}
|
||||
/* 11-03 右上角分类取消 → 一句小 slogan；同日二改：不靠右，紧挨着「孕妈广场」标题 */
|
||||
#gcHome.gv4 .g4-slg{margin-left:8px;align-self:center;margin-top:3px;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#C08A86;letter-spacing:.5px;white-space:nowrap}
|
||||
#gcHome.gv4 .g4-slg i{width:9px;height:9px;flex:none;background:#F2879C;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5-8-11a4.5 4.5 0 018-2.8A4.5 4.5 0 0120 10c0 6-8 11-8 11z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-8-5-8-11a4.5 4.5 0 018-2.8A4.5 4.5 0 0120 10c0 6-8 11-8 11z'/%3E%3C/svg%3E") center/contain no-repeat}
|
||||
html.night #gcHome.gv4 .g4-slg{color:#B79A9E}
|
||||
|
||||
@@ -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=26110262'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
|
||||
else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110263'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
|
||||
})();
|
||||
|
||||
@@ -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=26110262';
|
||||
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110263';
|
||||
document.head.appendChild(l);
|
||||
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110262';
|
||||
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110263';
|
||||
s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); }; /* v4 要先拉 feed.js 才渲染 */
|
||||
document.body.appendChild(s);
|
||||
|
||||
|
||||
@@ -22,3 +22,8 @@ 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 万人测过 / 看过 / 算过（主色、醒目） */
|
||||
.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}
|
||||
|
||||
24
js/kit.js
24
js/kit.js
@@ -9,7 +9,7 @@
|
||||
if (/[?&]kit=0(?:&|$)/.test(location.search)) return;
|
||||
var box = document.getElementById('kit');
|
||||
if (!box) return;
|
||||
var V = '26110262';
|
||||
var V = '26110263';
|
||||
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');
|
||||
|
||||
@@ -19,17 +19,31 @@
|
||||
if (extra) Object.keys(extra).forEach(function (k) { q.set(k, extra[k]); });
|
||||
var s = q.toString(); return (s ? '?' + s : '') + location.hash;
|
||||
}
|
||||
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' },
|
||||
{ k: 'qa', n: '孕期百问', d: '孕妈最常问的问题，一次看明白', c: '100 个问题', img: 'kepu' },
|
||||
{ k: 'js', n: '孕期计算器', d: '花多少钱、休几天产假，算一算', c: '4 个计算器', img: 'jisuan' }
|
||||
{ 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">' +
|
||||
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><em>' + x.c + '<i aria-hidden="true">›</i></em></button>';
|
||||
'<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); /* 「此刻」总人数接口晚到时按后台配置的人数重算一次 */
|
||||
/* 个数跟着真实数据走（测试表 / 问题库加载到了就换真数） */
|
||||
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 + ' 个测试');
|
||||
|
||||
Reference in New Issue
Block a user