From ad182a2afb3b89ad5c14369c7170dc40244fe810 Mon Sep 17 00:00:00 2001 From: deploy Date: Tue, 3 Nov 2026 23:40:31 +0000 Subject: [PATCH] =?UTF-8?q?v26110273=20=E9=A6=96=E9=A1=B56=E7=AF=87?= =?UTF-8?q?=E7=82=B9=E8=B5=9E=E6=95=B0=E5=89=8D=E5=8A=A03=E4=B8=AA?= =?UTF-8?q?=E5=8F=A0=E6=94=BE=E5=A4=B4=E5=83=8F=E3=80=81=E9=9A=94=E5=87=A0?= =?UTF-8?q?=E7=A7=92=E6=8D=A2=E4=B8=80=E4=B8=AA=E5=B9=B6+1=EF=BC=9B?= =?UTF-8?q?=E5=B9=BF=E5=9C=BA=E5=85=B6=E4=BD=99173=E7=AF=87=E6=A0=87?= =?UTF-8?q?=E9=A2=98=E6=8C=89=E6=96=B0=E8=A7=84=E5=88=99=E9=87=8D=E5=86=99?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- guangchang/ceshi/index.html | 4 +- guangchang/data.js | 348 ++++++++++++++++++------------------ guangchang/feed.js | 2 +- guangchang/index.html | 10 +- guangchang/mine/index.html | 2 +- index.html | 16 +- js/app.js | 2 +- js/gch/v4.js | 2 +- js/gch/v6.css | 14 ++ js/gch/v6.js | 40 ++++- js/kit.js | 2 +- topic/_shared/tools.js | 4 +- 12 files changed, 247 insertions(+), 199 deletions(-) diff --git a/guangchang/ceshi/index.html b/guangchang/ceshi/index.html index d070a41..709e810 100644 --- a/guangchang/ceshi/index.html +++ b/guangchang/ceshi/index.html @@ -320,8 +320,8 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
- - + + - - - + + + + + @@ -2559,17 +2559,17 @@ - + - - + + - + diff --git a/js/app.js b/js/app.js index 1a7b36b..d1a410c 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */ - var VER = '26110272'; + var VER = '26110273'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); diff --git a/js/gch/v4.js b/js/gch/v4.js index 18fecb9..096ef6b 100644 --- a/js/gch/v4.js +++ b/js/gch/v4.js @@ -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=26110272'; fs.onload = fs.onerror = init; document.body.appendChild(fs); } + else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110273'; fs.onload = fs.onerror = init; document.body.appendChild(fs); } })(); diff --git a/js/gch/v6.css b/js/gch/v6.css index 7c659e0..9bfcd7a 100644 --- a/js/gch/v6.css +++ b/js/gch/v6.css @@ -91,3 +91,17 @@ html.night #gcHome.gv4.gv6 .g6-all{background:none;color:#B9A6B1} #gcHome.gv4.gv6 .g6-nt .ms-q{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;line-height:1.45} #gcHome.gv4.gv6 .g6-ph{flex:none;width:56px;height:56px;margin-left:10px;border-radius:12px;object-fit:cover;background:#F6EEEA} #gcHome.gv4.gv6 .g6-st{margin-left:8px;font-style:normal;font-weight:600;color:#B19C96} +/* 11-03 点赞数前的 3 个叠放小头像，偶尔换一个（见 v6.js likeTick） */ +#gcHome.gv4.gv6 .g6-avs{display:inline-flex;align-items:center;margin-right:5px;vertical-align:middle} +#gcHome.gv4.gv6 .g6-avs img{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1.5px solid #fff;background:#FFE3D3;margin-left:-6px;box-sizing:border-box} +#gcHome.gv4.gv6 .g6-avs img:first-child{margin-left:0} +#gcHome.gv4.gv6 .g6-avs img.in{animation:g6AvIn .42s cubic-bezier(.3,1.5,.5,1) both} +#gcHome.gv4.gv6 .g6-avs img.out{animation:g6AvOut .42s ease both} +@keyframes g6AvIn{from{transform:scale(0);margin-left:-18px}to{transform:scale(1);margin-left:0}} +@keyframes g6AvOut{to{opacity:0;transform:scale(.4);width:0;margin-left:-6px;border-width:0}} +#gcHome.gv4.gv6 .ms-h b.bump{animation:g6Bump .5s ease} +@keyframes g6Bump{40%{transform:scale(1.15);color:#FF4D2E}} +#gcHome.gv4.gv6 .ms-h b{display:inline-block} +html.night #gcHome.gv4.gv6 .g6-avs img{border-color:#2F2737} +@media (prefers-reduced-motion:reduce){#gcHome.gv4.gv6 .g6-avs img.in,#gcHome.gv4.gv6 .g6-avs img.out,#gcHome.gv4.gv6 .ms-h b.bump{animation:none}} +#gcHome.gv4.gv6 .g6-nt .ms-h{flex-wrap:nowrap;white-space:nowrap} diff --git a/js/gch/v6.js b/js/gch/v6.js index 65f4708..1fb9c15 100644 --- a/js/gch/v6.js +++ b/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 = '' + FIRE + '' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : n) + ' 人点赞' + esc(x.stage || '') + ''; + var n = x.likes || 0, heat = '' + avs(i) + '' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : n) + ' 人点赞' + esc(x.stage || '') + ''; var q = new URLSearchParams(location.search); q.set('n', x.id); return '' + (i + 1) + '' + '' + esc(x.title) + '' + heat + '' + @@ -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 ''; } + 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 ''; + } + 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(); diff --git a/js/kit.js b/js/kit.js index 142121e..069fdb1 100644 --- a/js/kit.js +++ b/js/kit.js @@ -9,7 +9,7 @@ if (/[?&]kit=0(?:&|$)/.test(location.search)) return; var box = document.getElementById('kit'), sec = document.getElementById('kitHome'); if (!box || !sec) return; - var V = '26110272'; + var V = '26110273'; 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'); diff --git a/topic/_shared/tools.js b/topic/_shared/tools.js index bbc985c..f675ff5 100644 --- a/topic/_shared/tools.js +++ b/topic/_shared/tools.js @@ -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=26110272').then(function (idx) { + getJSON('../_shared/idx.json?v=26110273').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=26110272').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); }); + getJSON('../_shared/cm/' + SLUG + '.json?v=26110273').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); }); } function extras(el) {