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

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

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-02 09:48:42 +00:00
parent 33a5376408
commit fb97cc2bde
5 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
demo/gch/v4.js
View File

@@ -187,5 +187,5 @@
} }
/* feed.js 首页默认不加载（index.html 只引了 topics.js），这里按需拉一次 */ /* feed.js 首页默认不加载（index.html 只引了 topics.js），这里按需拉一次 */
if (window.GC_FEED) init(); 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); }
})(); })();

3
demo/gch/v6.js
View File

@@ -80,7 +80,8 @@
var pick = window.__mbQaPick ? window.__mbQaPick(BANK, w) : BANK.slice(0, 6); var pick = window.__mbQaPick ? window.__mbQaPick(BANK, w) : BANK.slice(0, 6);
list.innerHTML = pick.map(function (x, i) { 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 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>' + 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>'; '<span class="ms-m"><span class="ms-q">' + esc(x.q) + '</span>' + heat + '</span>' + bd + '<i class="ms-go">›</i></a>';
}).join(''); }).join('');

6
guangchang/index.html
View File

@@ -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 id="sheet" role="dialog" aria-modal="true"><i class="sg"></i><div class="sbd" id="sbd"></div></div>
<div class="toast" id="toast"></div> <div class="toast" id="toast"></div>
<script src="topics.js?v=26110206"></script> <script src="topics.js?v=26110207"></script>
<script src="data.js?v=26110206"></script> <script src="data.js?v=26110207"></script>
<script src="feed.js?v=26110206"></script> <script src="feed.js?v=26110207"></script>
<script> <script>
(function () { (function () {
'use strict'; 'use strict';

9
index.html
View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes"> <meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title> <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="mama-box.css">
<link rel="stylesheet" href="night.css"> <link rel="stylesheet" href="night.css">
<!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） --> <!-- 夜晚模式：首屏绘制前就按上次的选择加 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{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.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.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 msBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes msShine{0%,55%{left:-60%}85%,100%{left:130%}} @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)} .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/avatar-picker.js?v=26101105"></script>
<script src="/_bridge/hand-icons.js?v=26101202"></script> <script src="/_bridge/hand-icons.js?v=26101202"></script>
<script src="js/zodiac-art.js"></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 src="js/app.js"></script>
<script> <script>
/* 11-02 首页「孕妈广场」效果稿：地址带 ?gcv=1~6 时，把 #gcHome 换成 demo/gch/vN.css + vN.js 的版式并滚到这一块。 /* 11-02 首页「孕妈广场」效果稿：地址带 ?gcv=1~6 时，把 #gcHome 换成 demo/gch/vN.css + vN.js 的版式并滚到这一块。
@@ -2500,7 +2503,7 @@
(function () { (function () {
var m = location.search.match(/[?&]gcv=([1-6])(?:&|$)/); var m = location.search.match(/[?&]gcv=([1-6])(?:&|$)/);
if (!m) window.__gcDefault = 1; 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; l.rel = 'stylesheet'; l.href = 'demo/gch/v' + n + '.css?' + q;
s.src = 'demo/gch/v' + n + '.js?' + 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); }; if (m) s.onload = function () { setTimeout(function () { var el = document.getElementById('gcHome'); if (el) el.scrollIntoView({ block: 'center' }); }, 900); };

9
js/app.js
View File

@@ -3,7 +3,7 @@
(function () { (function () {
'use strict'; 'use strict';
/* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */ /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */
var VER = '26110206'; var VER = '26110207';
const $ = (s, c) => (c || document).querySelector(s); const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
@@ -5516,6 +5516,10 @@
}); });
} }
window.__mbHeat = msHeat; 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) { function renderSearch(wk, today, size) {
const W = state.week, L = $('#msList'); const W = state.week, L = $('#msList');
if (!L) return; 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); } 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); el.appendChild(no); el.appendChild(m);
/* 2026-11-01 爆 = 红橙渐变 + 小火苗 + 光泽；热 = 橙色实底；新 = 绿（样式在 index.html .ms-bd） */ /* 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); const go = document.createElement('i'); go.className = 'ms-go'; go.textContent = '›'; el.appendChild(go);
L.appendChild(el); L.appendChild(el);
}); });