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

v26110276 百宝箱下方6条收成一张白卡（去彩边/彩胶囊）；广场6条头像原地换一个、点赞数不变

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-03 23:56:29 +00:00
parent 6db06b488c
commit 615a2c6e1c
11 changed files with 56 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
js/gch/v4.js
View File

@@ -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=26110275'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110276'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
})();

12
js/gch/v6.css
View File

@@ -95,13 +95,11 @@ html.night #gcHome.gv4.gv6 .g6-all{background:none;color:#B9A6B1}
#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 .g6-avs img{position:relative;transition:transform .22s ease,opacity .22s ease}
#gcHome.gv4.gv6 .g6-avs img.sw-o{transform:scale(.2);opacity:0}
#gcHome.gv4.gv6 .g6-avs img.sw-i{animation:g6AvIn .4s cubic-bezier(.3,1.6,.5,1) both;z-index:1}
@keyframes g6AvIn{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}
#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}}
@media (prefers-reduced-motion:reduce){#gcHome.gv4.gv6 .g6-avs img.sw-i{animation:none}#gcHome.gv4.gv6 .g6-avs img{transition:none}}
#gcHome.gv4.gv6 .g6-nt .ms-h{flex-wrap:nowrap;white-space:nowrap}

23
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=26110275';
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110276';
document.head.appendChild(l);
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110275';
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110276';
s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); }; /* v4 要先拉 feed.js 才渲染 */
document.body.appendChild(s);
@@ -98,7 +98,7 @@
likeTick();
}
/* 11-03 用户：「点赞数前面放几个小头像，偶尔换一个，相当于有人新点赞进来」
→ 火苗换成 3～6 个叠放小头像；每 4～7 秒随机挑一行：新头像从左边弹进来、最右边那个淡出，点赞数 +1（只在本次浏览里涨，刷新回到原数）。
→ 火苗换成 3～6 个叠放小头像；每 4～7 秒随机挑一行：其中一个头像原地换成别人（点赞数不动）。
头像池用首页滚动动态同一批虚构照片（assets/img/mom/，非真实用户）；页面在后台时不换。 */
/* 11-03 用户：「这 6 条的头像一定要都不相同」→ 池子扩到 assets/img/mom/ 全部 59 张，按 宝宝 / 妈妈 / 全身合照 / 风景 交错排，相邻不扎堆近脸；
换头像时只从「当前 6 行都没在显示」的里面挑，任何时刻页面上这些头像都互不重复。 */
@@ -126,19 +126,14 @@
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');
var on = {}, nx, t = 0;
/* 11-03 用户：「头像在变，比如 3 个里突然有一个变了；后面点赞数不变」→ 原地换掉其中一个（缩小→换图→弹回），个数、点赞数都不动 */
var r = rows[Math.floor(Math.random() * rows.length)], ims = r.querySelectorAll('.g6-avs img');
if (ims.length) {
var im = ims[Math.floor(Math.random() * ims.length)], on = {}, nx, t = 0;
list.querySelectorAll('.g6-avs img').forEach(function (m) { on[m.getAttribute('src')] = 1; });
do { nx = LIKE_AVA[avaAt++ % LIKE_AVA.length]; } while (on['assets/img/mom/' + nx + '.jpg'] && ++t < LIKE_AVA.length);
w.innerHTML = avaEl(nx);
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'); }
im.className = 'sw-o';
setTimeout(function () { im.src = 'assets/img/mom/' + nx + '.jpg'; im.className = 'sw-i'; }, 220);
}
}
likeTick();