v26110449 大家都在关注第 2 条头像 4→6；孕周福利卡头像每张随机 4～7 个、三张不重复

js/gch/brand.js

@@ -20,3 +20,33 @@
     if (q || ++n > 40) clearInterval(t);
   }, 300);
 })();
+/* 11-05 用户：「孕期福利每一个文章调用的头像 4-7 个，可以随机显示」
+   → 三张福利卡各随机 4～7 个头像，每次打开重抽，三张之间不重复。
+   池子 = 分配表 gift 的 9 个 + 11-05 新加的非人像头像 12 个（女生常用 g / 宠物 p），共 21 个，够三张都抽满 7 个。
+   mama-box.css 里 .gift2 .sb-faces i:nth-child(n+4){display:none} 只留 3 个 → 这里用行内 display 盖掉；
+   「N 万妈妈已领取」被挤出省略号就先把头像叠紧（5→9px），再不够才从尾巴减头像，最少留 2 个（人数是信息，头像是装饰）。 */
+(function () {
+  var box = document.querySelectorAll('.gift2 .sb-faces');
+  if (!box.length) return;
+  var pool = ((window.MB_AVA && MB_AVA.S.gift) || []).concat(
+    ['g010', 'g025', 'g040', 'g055', 'g070', 'g085', 'p012', 'p030', 'p048', 'p066', 'p084', 'p100'].map(function (n) { return 'av:' + n; }));
+  for (var i = pool.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)), t = pool[i]; pool[i] = pool[j]; pool[j] = t; }
+  var at = 0;
+  [].forEach.call(box, function (f) {
+    var c = 4 + Math.floor(Math.random() * 4), h = '';
+    for (var k = 0; k < c; k++) {
+      var a = pool[at++ % pool.length];
+      h += '<i style="display:block;background-image:url(guangchang/av/' + a.replace(/^av:/, '') + '.webp)"></i>';
+    }
+    f.innerHTML = h;
+  });
+  function fit() {
+    [].forEach.call(box, function (f) {
+      var got = f.parentNode.querySelector('.sb-got'), ims = f.children, k = ims.length;
+      function tight() { return got && got.scrollWidth > got.clientWidth + 1; }
+      for (var m = 5; m <= 9 && tight(); m++) [].forEach.call(ims, function (im, x) { if (x) im.style.marginLeft = -m + 'px'; });   /* 先叠紧一点（最多压 9px），还放不下再减个数 */
+      while (k > 2 && tight()) ims[--k].style.display = 'none';
+    });
+  }
+  fit(); setTimeout(fit, 800);
+})();