v26110273 首页6篇点赞数前加3个叠放头像、隔几秒换一个并+1；广场其余173篇标题按新规则重写

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-03 23:40:31 +00:00
parent 1db3e21da8
commit ad182a2afb
12 changed files with 247 additions and 199 deletions
--- 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
 </div>
 <div class="toast" id="toast"></div>

-<script src="meta.js?v=26110272"></script>
-<script src="tests.js?v=26110272"></script>
+<script src="meta.js?v=26110273"></script>
+<script src="tests.js?v=26110273"></script>
 <script>
 (function () {
  'use strict';
--- a/guangchang/data.js
+++ b/guangchang/data.js
--- a/guangchang/feed.js
+++ b/guangchang/feed.js
--- a/guangchang/index.html
+++ b/guangchang/index.html
@@ -682,10 +682,10 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
 <div id="sheet" role="dialog" aria-modal="true"><i class="sg"></i><div class="sbd" id="sbd"></div></div>
 <div class="toast" id="toast"></div>

-<script src="topics.js?v=26110272"></script>
-<script src="data.js?v=26110272"></script>
-<script src="feed.js?v=26110272"></script>
-<script src="ceshi/meta.js?v=26110272"></script>
+<script src="topics.js?v=26110273"></script>
+<script src="data.js?v=26110273"></script>
+<script src="feed.js?v=26110273"></script>
+<script src="ceshi/meta.js?v=26110273"></script>
 <script>
 (function () {
  'use strict';
@@ -751,7 +751,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
  var CMD = null, CMERR = false;
  /* 头像编码：数字 = av/NNNN.webp（旧代码头像）；'av:c012' = av/c012.webp（卡通/可爱卡通）；'/…' = 站内绝对路径（内置头像库 /_bridge/avatars/）；其余 = assets/img/mom/xxx.jpg */
  var avP = function (a) { return typeof a === 'number' ? 'av/' + ('000' + a).slice(-4) + '.webp' : a.indexOf('av:') === 0 ? 'av/' + a.slice(3) + '.webp' : a.charAt(0) === '/' ? a : '../assets/img/mom/' + a + '.jpg'; };
-  fetch('cm.json?v=26110272').then(function (r) { return r.json(); }).then(function (j) {
+  fetch('cm.json?v=26110273').then(function (r) { return r.json(); }).then(function (j) {
    CMD = j; if (openId && NBY[openId]) { renderComments(NBY[openId]); syncBar(NBY[openId]); }
  }).catch(function () { CMERR = true; if (openId && NBY[openId]) renderComments(NBY[openId]); });
  function commentsOf(n) {
--- a/guangchang/mine/index.html
+++ b/guangchang/mine/index.html
@@ -105,7 +105,7 @@ main{padding:6px 16px 0}
 </div>
 <div class="wb"><button type="button" id="write"><svg class="ic" viewBox="0 0 24 24"><path d="M12 20h9M16.5 3.5a2.1 2.1 0 013 3L7 19l-4 1 1-4z"/></svg>写新的故事</button></div>

-<script src="../topics.js?v=26110272"></script>
+<script src="../topics.js?v=26110273"></script>
 <script>
 (function () {
  'use strict';
--- a/index.html
+++ b/index.html
@@ -7,10 +7,10 @@
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <title>兜爸心选 · 孕育陪伴</title>
-<!-- V:26110272 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26110273 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
 <link rel="stylesheet" href="mama-box.css">
 <link rel="stylesheet" href="night.css">
-<link rel="stylesheet" href="js/hero-cd.css?v=26110272">
+<link rel="stylesheet" href="js/hero-cd.css?v=26110273">
 <!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） -->
 <script>try{if(localStorage.getItem('mmbox.night.v1')==='1'){document.documentElement.classList.add('night');document.querySelector('meta[name=theme-color]').content='#2A2340'}}catch(e){}</script>
 <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
@@ -2559,17 +2559,17 @@
 <script src="/_bridge/avatar-picker.js?v=26101105"></script>
 <script src="/_bridge/hand-icons.js?v=26101202"></script>
 <script src="js/zodiac-art.js"></script>
-<script src="guangchang/topics.js?v=26110272"></script>
+<script src="guangchang/topics.js?v=26110273"></script>
 <script src="js/app.js"></script>
-<script src="js/hero-cd.js?v=26110272"></script>
-<script src="js/kit.js?v=26110272"></script>
+<script src="js/hero-cd.js?v=26110273"></script>
+<script src="js/kit.js?v=26110273"></script>
 <script>
 /* 11-02 首页「孕妈广场」效果稿：地址带 ?gcv=1~6 时，把 #gcHome 换成 demo/gch/vN.css + vN.js 的版式并滚到这一块。
   11-02 用户：「用第一版，放到预览页面上」；后改定彩色卡 → 不带参数也默认用 V6 合并版（广场卡堆 + 其他妈妈也在搜 + 测一测第 4 版彩色卡），不滚动、不显示效果稿角标 */
 (function () {
  var m = location.search.match(/[?&]gcv=([1-6])(?:&|$)/);
  if (!m) window.__gcDefault = 1;
-  var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110272';
+  var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110273';
  var dir = n === '4' || n === '6' ? 'js/gch/' : 'demo/gch/';   /* 11-03 上正式：定稿 V6（含它套的 V4）并进 js/gch/，其余效果稿仍在 demo/ */
  l.rel = 'stylesheet'; l.href = dir + 'v' + n + '.css?' + q;
  s.src = dir + 'v' + n + '.js?' + q;
@@ -2578,7 +2578,7 @@
  /* 11-02 品牌露出（用户定 4 处都要）：默认加载，?brand=0 可关掉对比；11-03 已并进 js/gch/ */
  if (!/[?&]brand=0/.test(location.search)) {
    var bl = document.createElement('link'), bs = document.createElement('script');
-    bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110272'; bs.src = 'js/gch/brand.js?v=26110272';
+    bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110273'; bs.src = 'js/gch/brand.js?v=26110273';
    document.head.appendChild(bl); document.body.appendChild(bs);
  }
 })();
@@ -2589,7 +2589,7 @@
 <script src="js/hero-fx.js"></script>
 <!-- 2026-10-05 首页头图：宝宝时不时动一动小手小脚（独立文件，删掉这一行即下线） -->
 <script src="js/baby-limbs.js?v=26101201"></script>
-<script src="js/coach.js?v=26110272"></script>
+<script src="js/coach.js?v=26110273"></script>
 <script src="js/birth-flow.js?v=26110201"></script>

 <!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->
--- 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));

--- 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); }
 })();
--- 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}
--- 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 = '<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();
--- 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');

--- 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) {