其他妈妈也在搜：6 条按名次配标签爆/热/关注最多/收藏多/讨论多/新，各自配色

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-11-02 09:48:42 +00:00
parent 33a5376408
commit fb97cc2bde
5 changed files with 19 additions and 10 deletions
--- a/demo/gch/v4.js
+++ b/demo/gch/v4.js
@@ -187,5 +187,5 @@
 }
  /* feed.js 首页默认不加载（index.html 只引了 topics.js），这里按需拉一次 */
  if (window.GC_FEED) init();
-  else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110206'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
+  else { var fs = document.createElement('script'); fs.src = 'guangchang/feed.js?v=26110207'; fs.onload = fs.onerror = init; document.body.appendChild(fs); }
 })();
--- a/demo/gch/v6.js
+++ b/demo/gch/v6.js
@@ -80,7 +80,8 @@
      var pick = window.__mbQaPick ? window.__mbQaPick(BANK, w) : BANK.slice(0, 6);
      list.innerHTML = pick.map(function (x, i) {
        var n = tot * (+x.heat || 0), heat = x.heat ? '<span class="ms-h">' + FIRE + '<b>' + (n >= 1e4 ? Math.round(n / 1e3) / 10 + '万' : Math.round(n)) + ' 人看过</b></span>' : '';
-        var bd = x.badge ? '<span class="ms-bd' + (x.badge === '爆' ? ' bao' : x.badge === '新' ? ' new' : '') + '">' + (x.badge === '爆' ? FIRE_W : '') + esc(x.badge) + '</span>' : '';
+        var b = window.__mbMsBadge ? window.__mbMsBadge(i) : { t: x.badge, c: x.badge === '爆' ? 'bao' : '' };
+        var bd = b.t ? '<span class="ms-bd ' + b.c + '">' + (b.c === 'bao' ? FIRE_W : '') + esc(b.t) + '</span>' : '';
        return '<a class="ms-it ripple" href="' + esc((x.href || '') + location.search + location.hash) + '"><i class="ms-no">' + (i + 1) + '</i>' +
          '<span class="ms-m"><span class="ms-q">' + esc(x.q) + '</span>' + heat + '</span>' + bd + '<i class="ms-go">›</i></a>';
      }).join('');
--- a/guangchang/index.html
+++ b/guangchang/index.html
@@ -433,9 +433,9 @@ 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=26110206"></script>
-<script src="data.js?v=26110206"></script>
-<script src="feed.js?v=26110206"></script>
+<script src="topics.js?v=26110207"></script>
+<script src="data.js?v=26110207"></script>
+<script src="feed.js?v=26110207"></script>
 <script>
 (function () {
  'use strict';
--- a/index.html
+++ b/index.html
@@ -7,7 +7,7 @@
 <meta name="mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <title>兜爸心选 · 孕育陪伴</title>
-<!-- V:26110206 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
+<!-- V:26110207 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 -->
 <link rel="stylesheet" href="mama-box.css">
 <link rel="stylesheet" href="night.css">
 <!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） -->
@@ -698,6 +698,9 @@
            .ms-bd.bao{padding:0 7px 0 6px;background:linear-gradient(120deg,#FF9A3D 0%,#FF5A36 45%,#EE2346 100%);box-shadow:0 3px 10px rgba(238,35,70,.38);animation:msBreath 2.4s ease-in-out infinite}
            .ms-bd.bao::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-18deg);animation:msShine 2.8s ease-in-out infinite}
            .ms-bd.new{background:#E6F5EC;color:#2F8A5E;box-shadow:none}
+            .ms-bd.gz{background:#F1ECFF;color:#7357E6;box-shadow:none}
+            .ms-bd.sc{background:#E8F1FF;color:#2F72E0;box-shadow:none}
+            .ms-bd.tl{background:#E3F6F4;color:#14897F;box-shadow:none}
            @keyframes msBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
            @keyframes msShine{0%,55%{left:-60%}85%,100%{left:130%}}
            .ms-live{display:inline-flex;align-items:center;gap:2px;padding:1px 7px 1px 5px;border-radius:99px;background:linear-gradient(120deg,#FF8A3D,#F2394A);color:#fff;font-size:11px;font-weight:800;line-height:17px;box-shadow:0 2px 6px rgba(242,57,74,.25)}
@@ -2492,7 +2495,7 @@
 <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=26110206"></script>
+<script src="guangchang/topics.js?v=26110207"></script>
 <script src="js/app.js"></script>
 <script>
 /* 11-02 首页「孕妈广场」效果稿：地址带 ?gcv=1~6 时，把 #gcHome 换成 demo/gch/vN.css + vN.js 的版式并滚到这一块。
@@ -2500,7 +2503,7 @@
 (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=26110206';
+  var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110207';
  l.rel = 'stylesheet'; l.href = 'demo/gch/v' + n + '.css?' + q;
  s.src = 'demo/gch/v' + n + '.js?' + q;
  if (m) s.onload = function () { setTimeout(function () { var el = document.getElementById('gcHome'); if (el) el.scrollIntoView({ block: 'center' }); }, 900); };
--- a/js/app.js
+++ b/js/app.js
@@ -3,7 +3,7 @@
 (function () {
  'use strict';
  /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
-  var VER = '26110206';
+  var VER = '26110207';
  const $ = (s, c) => (c || document).querySelector(s);
  const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));

@@ -5516,6 +5516,10 @@
    });
  }
  window.__mbHeat = msHeat;
+  /* 11-02 用户：「这 6 个都要有相应的关注维度，颜色不一样」→ 按名次固定发标签：爆 / 热 / 关注最多 / 收藏多 / 讨论多 / 新（样式 .ms-bd.*） */
+  const MS_BD = [{ t: '爆', c: 'bao' }, { t: '热', c: 'hot' }, { t: '关注最多', c: 'gz' }, { t: '收藏多', c: 'sc' }, { t: '讨论多', c: 'tl' }, { t: '新', c: 'new' }];
+  function msBadge(i) { return MS_BD[i] || { t: '', c: '' }; }
+  window.__mbMsBadge = msBadge;
  function renderSearch(wk, today, size) {
    const W = state.week, L = $('#msList');
    if (!L) return;
@@ -5552,7 +5556,8 @@
      if (it.heat) { const h = document.createElement('span'); h.className = 'ms-h'; h.dataset.heat = it.heat; h.innerHTML = MS_FIRE + '<b></b>'; m.appendChild(h); }
      el.appendChild(no); el.appendChild(m);
      /* 2026-11-01 爆 = 红橙渐变 + 小火苗 + 光泽；热 = 橙色实底；新 = 绿（样式在 index.html .ms-bd） */
-      if (it.badge) { const g = document.createElement('span'); g.className = 'ms-bd' + (it.badge === '爆' ? ' bao' : it.badge === '新' ? ' new' : ''); g.textContent = it.badge; if (it.badge === '爆') g.insertAdjacentHTML('afterbegin', MS_FIRE_W); el.appendChild(g); }
+      it.badge = msBadge(i, it.badge).t;
+      if (it.badge) { const g = document.createElement('span'); g.className = 'ms-bd ' + msBadge(i).c; g.textContent = it.badge; if (it.badge === '爆') g.insertAdjacentHTML('afterbegin', MS_FIRE_W); el.appendChild(g); }
      const go = document.createElement('i'); go.className = 'ms-go'; go.textContent = '›'; el.appendChild(go);
      L.appendChild(el);
    });