jone/mama-box
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

去掉列表小框改整块淡色磨砂背景；关注6条作者+孕周标签+点赞头像+点赞一行放下、去小心心、头像4～6个窄屏自动减（v26110422）

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-04 09:14:49 +00:00
parent 007bc3667f
commit 7bdcf36ca7
27 changed files with 146 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
js/gch/v6.js
View File

@@ -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=26110421';
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110422';
document.head.appendChild(l);
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110421';
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110422';
s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); }; /* v4 要先拉 feed.js 才渲染 */
document.body.appendChild(s);
@@ -92,18 +92,29 @@
var l6 = pick6();
if (!l6.length) { box.style.display = 'none'; return; }
list.innerHTML = l6.map(function (x, i) {
var n = x.likes || 0, heat = '<span class="ms-h">' + (i < 3 ? avs(i) : '<svg class="g6-hz" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 20.5s-7.5-4.6-7.5-10.2A4.3 4.3 0 0 1 12 7.6a4.3 4.3 0 0 1 7.5 2.7c0 5.6-7.5 10.2-7.5 10.2z" fill="currentColor"/></svg>') + '<b>' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : n) + ' 人点赞</b></span>';
/* 11-04 用户：「这 6 篇要把作者和头像调出来」→ 标题下加一行 作者头像 + 名字 · 孕周（孕周从点赞行挪过来）；头像算法和广场页 avOf 一致，同一作者两边同一张 */
var au = x.author ? '<span class="g6-au"><img src="' + esc(x.avatar || auAv(x.author)) + '" alt="" loading="lazy" decoding="async" width="36" height="36"><b>' + esc(x.author) + '</b>' + (x.stage ? '<em>' + esc(x.stage.replace(/\s+/g, '')) + '</em>' : '') + '</span>' : '';
/* 11-04 用户：一行放下 作者头像 + 名字 + 孕周（评论区同款小标签）+ 点赞头像（仅前 3 条）+ N 人点赞；不要小心心、不换行 */
var n = x.likes || 0,
au = x.author ? '<span class="g6-au"><img src="' + esc(x.avatar || auAv(x.author)) + '" alt="" loading="lazy" decoding="async" width="36" height="36"><b>' + esc(x.author) + '</b></span>' : '',
st = x.stage ? '<i class="stg">' + esc(x.stage.replace(/\s+/g, '')) + '</i>' : '',
heat = '<span class="g6-mt">' + au + st + '<span class="ms-h">' + (i < 3 ? avs(i) : '') + '<b>' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : n) + ' 点赞</b></span></span>';
var q = new URLSearchParams(location.search); q.set('n', x.id);
return '<a class="ms-it ripple g6-nt" href="' + esc('guangchang/?' + q.toString() + location.hash) + '"><i class="ms-no">' + (i + 1) + '</i>' +
'<span class="ms-m"><span class="ms-q">' + esc(x.title) + '</span>' + au + heat + '</span>' +
'<span class="ms-m"><span class="ms-q">' + esc(x.title) + '</span>' + heat + '</span>' +
(x.photo ? '<img class="g6-ph" src="' + esc(x.photo) + '" alt="" loading="lazy">' : '<i class="ms-go">›</i>') + '</a>';
}).join('');
all.textContent = '去广场看更多 ›';
all.classList.remove('hide');
/* 11-04 用户：点赞数别用红字 → 浅灰小心形 + 灰字；同日二改：前 3 条点赞前加回小头像（每条 6～8 个、更小），后 3 条不带 */
likeTick();
fitMeta(); setTimeout(fitMeta, 600);
}
/* 一行放不下（窄屏）就从点赞头像里一个个减，最少留 2 个；作者名不截断 */
function fitMeta() {
[].forEach.call(list.querySelectorAll('.g6-mt'), function (m) {
var ims = m.querySelectorAll('.g6-avs img'), k = ims.length, nm = m.querySelector('.g6-au b');
function tight() { return m.scrollWidth > m.clientWidth + 1 || (nm && nm.scrollWidth > nm.clientWidth + 1); }
while (k > 2 && tight()) ims[--k].remove();
});
}
/* 11-03 用户：「点赞数前面放几个小头像，偶尔换一个，相当于有人新点赞进来」
→ 火苗换成 3～6 个叠放小头像；每 4～7 秒随机挑一行：其中一个头像原地换成别人（点赞数不动）。
@@ -121,7 +132,7 @@
var avaAt = 0;
function avaEl(n) { return '<img src="assets/img/mom/' + n + '.jpg" alt="" loading="lazy" decoding="async" width="40" height="40">'; }
/* 11-03 用户：「头像错落一下，不一定都是 3 个，3、4、5、6 个都有」→ 每行个数打乱（固定表，刷新不跳），头像按顺序不重复取 */
var AV_N = [7, 6, 8]; /* 11-04 二改：只前 3 条带头像，每条 6～8 个、头像缩小 */
var AV_N = [5, 4, 6]; /* 11-04 三改：作者 + 孕周 + 点赞头像要挤一行，6～8 个放不下 → 4～6 个 */ /* 11-04 二改：只前 3 条带头像，每条 6～8 个、头像缩小 */
function avs(i) {
var h = '', c = AV_N[i] || 3;
if (!i) avaAt = 0;