v26110273 首页6篇点赞数前加3个叠放头像、隔几秒换一个并+1;广场其余173篇标题按新规则重写
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
40
js/gch/v6.js
40
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=26110272';
|
||||
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110273';
|
||||
document.head.appendChild(l);
|
||||
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110272';
|
||||
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110273';
|
||||
s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); }; /* v4 要先拉 feed.js 才渲染 */
|
||||
document.body.appendChild(s);
|
||||
|
||||
@@ -87,7 +87,7 @@
|
||||
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">' + FIRE + '<b>' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : n) + ' 人点赞</b><em class="g6-st">' + esc(x.stage || '') + '</em></span>';
|
||||
var n = x.likes || 0, heat = '<span class="ms-h">' + avs(i) + '<b>' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : n) + ' 人点赞</b><em class="g6-st">' + esc(x.stage || '') + '</em></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>' + heat + '</span>' +
|
||||
@@ -95,6 +95,40 @@
|
||||
}).join('');
|
||||
all.textContent = '去广场看更多 ›';
|
||||
all.classList.remove('hide');
|
||||
likeTick();
|
||||
}
|
||||
/* 11-03 用户:「点赞数前面放几个小头像,偶尔换一个,相当于有人新点赞进来」
|
||||
→ 火苗换成 3 个叠放小头像;每 4~7 秒随机挑一行:新头像从左边弹进来、最右边那个淡出,点赞数 +1(只在本次浏览里涨,刷新回到原数)。
|
||||
头像池用首页滚动动态同一批虚构照片(assets/img/mom/,非真实用户);页面在后台时不换。 */
|
||||
var LIKE_AVA = ['p08', 'k02', 's01', 'm01', 'p09', 'k03', 'p10', 's03', 'm18', 'k05', 'p11', 's04', 'm22', 'p12', 'k07', 's06', 'p13', 'm03', 'k08', 's07', 'p14', 'm19', 'k09', 's08', 'm09', 'k11', 'm11', 'k13', 'm14', 'm15', 'm17'];
|
||||
var avaAt = 0;
|
||||
function avaEl(n) { return '<img src="assets/img/mom/' + n + '.jpg" alt="" loading="lazy" decoding="async" width="40" height="40">'; }
|
||||
function avs(i) {
|
||||
var h = '';
|
||||
for (var k = 0; k < 3; k++) h += avaEl(LIKE_AVA[(i * 5 + k * 2) % LIKE_AVA.length]);
|
||||
avaAt = Math.max(avaAt, i * 5 + 6);
|
||||
return '<span class="g6-avs" aria-hidden="true">' + h + '</span>';
|
||||
}
|
||||
var likeT = 0;
|
||||
function likeTick() {
|
||||
clearTimeout(likeT);
|
||||
likeT = setTimeout(function () {
|
||||
var rows = list.querySelectorAll('.g6-nt');
|
||||
if (!document.hidden && rows.length && list.offsetParent) {
|
||||
var r = rows[Math.floor(Math.random() * rows.length)], st = r.querySelector('.g6-avs'), b = r.querySelector('.ms-h b');
|
||||
if (st && b) {
|
||||
var w = document.createElement('span');
|
||||
w.innerHTML = avaEl(LIKE_AVA[avaAt++ % LIKE_AVA.length]);
|
||||
var im = w.firstChild; im.className = 'in';
|
||||
st.insertBefore(im, st.firstChild);
|
||||
var last = st.lastElementChild; last.className = 'out';
|
||||
setTimeout(function () { if (last.parentNode) last.parentNode.removeChild(last); }, 420);
|
||||
var m = b.textContent.match(/^(\d+)( 人点赞)$/);
|
||||
if (m) { b.textContent = (+m[1] + 1) + m[2]; b.classList.remove('bump'); void b.offsetWidth; b.classList.add('bump'); }
|
||||
}
|
||||
}
|
||||
likeTick();
|
||||
}, 4000 + Math.random() * 3000);
|
||||
}
|
||||
all.addEventListener('click', function () { location.href = 'guangchang/' + location.search + location.hash; });
|
||||
paintList();
|
||||
|
||||
Reference in New Issue
Block a user