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

v26110284 百宝箱6条随机2条第二行改「谁测出/算出了什么」滚动、单字缩小、去掉底部轮播条；首页广场去掉左下角「进孕妈广场」

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-04 01:52:03 +00:00
parent 906d40c887
commit bdd5b7a820
12 changed files with 87 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
guangchang/ceshi/index.html
View File

@@ -320,8 +320,8 @@ mark{background:linear-gradient(transparent 62%,var(--c20) 0);color:inherit;padd
</div> </div>
<div class="toast" id="toast"></div> <div class="toast" id="toast"></div>
<script src="meta.js?v=26110283"></script> <script src="meta.js?v=26110284"></script>
<script src="tests.js?v=26110283"></script> <script src="tests.js?v=26110284"></script>
<script> <script>
(function () { (function () {
'use strict'; 'use strict';

2
guangchang/ceshi/meta.js
View File

File diff suppressed because one or more lines are too long

10
guangchang/index.html
View File

@@ -691,10 +691,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 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=26110283"></script> <script src="topics.js?v=26110284"></script>
<script src="data.js?v=26110283"></script> <script src="data.js?v=26110284"></script>
<script src="feed.js?v=26110283"></script> <script src="feed.js?v=26110284"></script>
<script src="ceshi/meta.js?v=26110283"></script> <script src="ceshi/meta.js?v=26110284"></script>
<script> <script>
(function () { (function () {
'use strict'; 'use strict';
@@ -760,7 +760,7 @@ button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:poin
var CMD = null, CMERR = false; var CMD = null, CMERR = false;
/* 头像编码：数字 = av/NNNN.webp（旧代码头像）；'av:c012' = av/c012.webp（卡通/可爱卡通）；'/…' = 站内绝对路径（内置头像库 /_bridge/avatars/）；其余 = assets/img/mom/xxx.jpg */ /* 头像编码：数字 = 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'; }; 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=26110283').then(function (r) { return r.json(); }).then(function (j) { fetch('cm.json?v=26110284').then(function (r) { return r.json(); }).then(function (j) {
CMD = j; if (openId && NBY[openId]) { renderComments(NBY[openId]); syncBar(NBY[openId]); } CMD = j; if (openId && NBY[openId]) { renderComments(NBY[openId]); syncBar(NBY[openId]); }
}).catch(function () { CMERR = true; if (openId && NBY[openId]) renderComments(NBY[openId]); }); }).catch(function () { CMERR = true; if (openId && NBY[openId]) renderComments(NBY[openId]); });
function commentsOf(n) { function commentsOf(n) {

2
guangchang/mine/index.html
View File

@@ -105,7 +105,7 @@ main{padding:6px 16px 0}
</div> </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> <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=26110283"></script> <script src="../topics.js?v=26110284"></script>
<script> <script>
(function () { (function () {
'use strict'; 'use strict';

16
index.html
View File

@@ -7,10 +7,10 @@
<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:26110283 缓存版本标记：改 css/js 时同步 bump 该值（与 js/app.js 的 VER 同源），静态资源按 mtime 走 ETag 自动刷新 --> <!-- V:26110284 缓存版本标记：改 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">
<link rel="stylesheet" href="js/hero-cd.css?v=26110283"> <link rel="stylesheet" href="js/hero-cd.css?v=26110284">
<!-- 夜晚模式：首屏绘制前就按上次的选择加 class，避免先白后黑闪一下（开关在首页右上角 #nightBtn，逻辑见 app.js） --> <!-- 夜晚模式：首屏绘制前就按上次的选择加 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>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> <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/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=26110283"></script> <script src="guangchang/topics.js?v=26110284"></script>
<script src="js/app.js"></script> <script src="js/app.js"></script>
<script src="js/hero-cd.js?v=26110283"></script> <script src="js/hero-cd.js?v=26110284"></script>
<script src="js/kit.js?v=26110283"></script> <script src="js/kit.js?v=26110284"></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 的版式并滚到这一块。
11-02 用户：「用第一版，放到预览页面上」；后改定彩色卡 → 不带参数也默认用 V6 合并版（广场卡堆 + 其他妈妈也在搜 + 测一测第 4 版彩色卡），不滚动、不显示效果稿角标 */ 11-02 用户：「用第一版，放到预览页面上」；后改定彩色卡 → 不带参数也默认用 V6 合并版（广场卡堆 + 其他妈妈也在搜 + 测一测第 4 版彩色卡），不滚动、不显示效果稿角标 */
(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=26110283'; var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110284';
var dir = n === '4' || n === '6' ? 'js/gch/' : 'demo/gch/'; /* 11-03 上正式：定稿 V6（含它套的 V4）并进 js/gch/，其余效果稿仍在 demo/ */ 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; l.rel = 'stylesheet'; l.href = dir + 'v' + n + '.css?' + q;
s.src = dir + 'v' + n + '.js?' + q; s.src = dir + 'v' + n + '.js?' + q;
@@ -2578,7 +2578,7 @@
/* 11-02 品牌露出（用户定 4 处都要）：默认加载，?brand=0 可关掉对比；11-03 已并进 js/gch/ */ /* 11-02 品牌露出（用户定 4 处都要）：默认加载，?brand=0 可关掉对比；11-03 已并进 js/gch/ */
if (!/[?&]brand=0/.test(location.search)) { if (!/[?&]brand=0/.test(location.search)) {
var bl = document.createElement('link'), bs = document.createElement('script'); var bl = document.createElement('link'), bs = document.createElement('script');
bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110283'; bs.src = 'js/gch/brand.js?v=26110283'; bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110284'; bs.src = 'js/gch/brand.js?v=26110284';
document.head.appendChild(bl); document.body.appendChild(bs); document.head.appendChild(bl); document.body.appendChild(bs);
} }
})(); })();
@@ -2589,7 +2589,7 @@
<script src="js/hero-fx.js"></script> <script src="js/hero-fx.js"></script>
<!-- 2026-10-05 首页头图：宝宝时不时动一动小手小脚（独立文件，删掉这一行即下线） --> <!-- 2026-10-05 首页头图：宝宝时不时动一动小手小脚（独立文件，删掉这一行即下线） -->
<script src="js/baby-limbs.js?v=26101201"></script> <script src="js/baby-limbs.js?v=26101201"></script>
<script src="js/coach.js?v=26110283"></script> <script src="js/coach.js?v=26110284"></script>
<script src="js/birth-flow.js?v=26110201"></script> <script src="js/birth-flow.js?v=26110201"></script>
<!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 --> <!-- 禁止下拉回弹（2026-10-11 统一规则，与孕期体重同一段）：竖向拖动时从手指下往上找还能朝该方向滚的容器，找不到才拦；横滑、双指、可滚列表不受影响 -->

2
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 = '26110283'; var VER = '26110284';
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));

2
js/gch/v4.js
View File

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

2
js/gch/v6.css
View File

@@ -103,3 +103,5 @@ html.night #gcHome.gv4.gv6 .g6-all{background:none;color:#B9A6B1}
html.night #gcHome.gv4.gv6 .g6-avs img{border-color:#2F2737} html.night #gcHome.gv4.gv6 .g6-avs img{border-color:#2F2737}
@media (prefers-reduced-motion:reduce){#gcHome.gv4.gv6 .g6-avs img.sw-i{animation:none}#gcHome.gv4.gv6 .g6-avs img{transition: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} #gcHome.gv4.gv6 .g6-nt .ms-h{flex-wrap:nowrap;white-space:nowrap}
/* 11-04 用户：模块左下角粉色「进孕妈广场 ›」删掉（上面已有「去广场看更多 ›」） */
#gcHome.gv4.gv6 .g4-all{display:none}

4
js/gch/v6.js
View File

@@ -6,9 +6,9 @@
(function () { (function () {
var sec = document.getElementById('gcHome'); var sec = document.getElementById('gcHome');
if (!sec) return; if (!sec) return;
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110283'; var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/gch/v4.css?v=26110284';
document.head.appendChild(l); document.head.appendChild(l);
var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110283'; var s = document.createElement('script'); s.src = 'js/gch/v4.js?v=26110284';
s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); }; /* v4 要先拉 feed.js 才渲染 */ s.onload = function () { if (sec.querySelector('.g4-foot')) merge(); else sec.addEventListener('gc4-ready', merge, { once: true }); }; /* v4 要先拉 feed.js 才渲染 */
document.body.appendChild(s); document.body.appendChild(s);

35
js/kit.css
View File

@@ -79,24 +79,17 @@ html.night .kit-pn .kit-rows .kr:first-child{border-top-color:#3C3345}
html.night .kit-pn .kit-rows .kr{border-bottom-color:rgba(255,255,255,.1)} html.night .kit-pn .kit-rows .kr{border-bottom-color:rgba(255,255,255,.1)}
/* 11-04 6 条前面的图标换成单字「测 / 问 / 算」 */ /* 11-04 6 条前面的图标换成单字「测 / 问 / 算」 */
.kr-ic.kr-ch{font-size:16px;font-weight:900;line-height:1;font-family:inherit} .kr-ic.kr-ch{font-size:16px;font-weight:900;line-height:1;font-family:inherit}
/* 11-04 6 条下面「大家刚刚在用」轮播：一行一条往上翻（kit.js ticker） */ /* 11-04 二改：单字再小一号 */
.kit-tk{display:flex;align-items:center;gap:8px;margin:6px 2px 4px;padding:0 12px;height:40px;border-radius:99px;background:rgba(255,236,226,.7)} .kr-ic.kr-ch{width:30px;height:30px;border-radius:9px;font-size:13.5px}
.tk-dot{flex:none;width:7px;height:7px;border-radius:50%;background:#FF6A3D;box-shadow:0 0 0 0 rgba(255,106,61,.5);animation:tkDot 1.6s ease-out infinite} /* 11-04 随机 2 条的第二行换成「谁测出了什么」滚动（kit.js lvRun） */
@keyframes tkDot{70%{box-shadow:0 0 0 6px rgba(255,106,61,0)}100%{box-shadow:0 0 0 0 rgba(255,106,61,0)}} .kr-lv{position:relative;display:block;height:18px;overflow:hidden}
.tk-w{position:relative;flex:1;min-width:0;height:40px;overflow:hidden} .lv-i{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;gap:4px;height:18px;font-size:11.5px;color:#8F7F79;white-space:nowrap;opacity:0;transform:translateY(100%);transition:transform .45s ease,opacity .45s ease}
.tk-i{position:absolute;inset:0;display:flex;align-items:center;gap:7px;text-decoration:none;color:#6E5A55;font-size:12.5px;opacity:0;transform:translateY(100%);transition:transform .45s ease,opacity .45s ease} .lv-i.on{opacity:1;transform:none}
.tk-i.on{opacity:1;transform:none} .lv-i.up{opacity:0;transform:translateY(-100%)}
.tk-i.up{opacity:0;transform:translateY(-100%)} .lv-i img{flex:none;width:16px;height:16px;border-radius:50%;object-fit:cover;background:#FFE3D3}
.tk-i img{flex:none;width:22px;height:22px;border-radius:50%;object-fit:cover;border:1.5px solid #fff;background:#FFE3D3} .lv-i em{font-style:normal;font-weight:700;color:#5A4842;margin-right:1px}
.tk-t{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lv-i b{font-weight:800;color:#F04A2E}
.tk-t em{font-style:normal;font-weight:700;color:#3A2A26;margin-right:4px} .kr.t-qz .lv-i{color:#7C5CFC}.kr.t-js .lv-i{color:#E86F22}
.tk-t b{font-weight:800;color:#F04A2E} .kr .lv-i{overflow:hidden;text-overflow:ellipsis}
.tk-c{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:6px;font-style:normal;font-size:11px;font-weight:900} html.night .lv-i em{color:#F1E6EE}
.tk-i.t-qz .tk-c{background:#F1ECFF;color:#7C5CFC} @media (prefers-reduced-motion:reduce){.lv-i{transition:none}}
.tk-i.t-qa .tk-c{background:#E3F5EE;color:#2E9B78}
.tk-i.t-js .tk-c{background:#FFEEDF;color:#E86F22}
.tk-i small{flex:none;font-size:11px;color:#B5A39C}
html.night .kit-tk{background:rgba(255,255,255,.06)}
html.night .tk-i{color:#CDBFC7}
html.night .tk-t em{color:#F1E6EE}
@media (prefers-reduced-motion:reduce){.tk-i{transition:none}.tk-dot{animation:none}}

94
js/kit.js
View File

@@ -9,7 +9,7 @@
if (/[?&]kit=0(?:&|$)/.test(location.search)) return; if (/[?&]kit=0(?:&|$)/.test(location.search)) return;
var box = document.getElementById('kit'), sec = document.getElementById('kitHome'); var box = document.getElementById('kit'), sec = document.getElementById('kitHome');
if (!box || !sec) return; if (!box || !sec) return;
var V = '26110283'; var V = '26110284';
var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = 'js/kit.css?v=' + V; document.head.appendChild(l); 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'); document.documentElement.classList.add('has-kit');
@@ -108,60 +108,60 @@
/* 11-03 用户：「这 6 条跟下面孕妈广场那 6 条太像，换个形式」→（便签墙试过，用户要回到一行一条的排列，只换样式） /* 11-03 用户：「这 6 条跟下面孕妈广场那 6 条太像，换个形式」→（便签墙试过，用户要回到一行一条的排列，只换样式）
一行一条，但不用名次数字和配图：左边按类型的彩色图标块（测试紫 / 百问绿 / 计算器橙），中间问题 + 类型·人数，右边 ›（11-03 用户嫌乱，样式收成一张白卡，见 kit.css）。 */ 一行一条，但不用名次数字和配图：左边按类型的彩色图标块（测试紫 / 百问绿 / 计算器橙），中间问题 + 类型·人数，右边 ›（11-03 用户嫌乱，样式收成一张白卡，见 kit.css）。 */
L.className = 'kit-list kit-rows'; L.className = 'kit-list kit-rows';
L.innerHTML = d.r.map(function (x) { var can = d.r.map(function (x, i) { return lvList(x) ? i : -1; }).filter(function (i) { return i >= 0; });
if (!LV_PICK || LV_PICK.some(function (i) { return can.indexOf(i) < 0; })) {
LV_PICK = can.slice().sort(function () { return Math.random() - .5; }).slice(0, 2);
}
L.innerHTML = d.r.map(function (x, i) {
var lv = LV_PICK.indexOf(i) >= 0 && lvList(x);
return '<a class="kr ripple t-' + x.c + '" href="' + esc(x.href) + '"><span class="kr-ic kr-ch">' + KR_CH[x.c] + '</span>' + return '<a class="kr ripple t-' + x.c + '" href="' + esc(x.href) + '"><span class="kr-ic kr-ch">' + KR_CH[x.c] + '</span>' +
'<span class="kr-m"><span class="kr-q">' + esc(x.q) + '</span><span class="kr-n"><em>' + TAG[x.c] + '</em>' + FIRE + '<b>' + wan(x.n) + '</b>' + x.u + '</span></span>' + '<span class="kr-m"><span class="kr-q">' + esc(x.q) + '</span>' + (lv ? lvHTML(lv) : '<span class="kr-n"><em>' + TAG[x.c] + '</em>' + FIRE + '<b>' + wan(x.n) + '</b>' + x.u + '</span>') + '</span>' +
'<span class="kr-go">' + KR_GO[x.c] + '</span></a>'; '<span class="kr-go">' + KR_GO[x.c] + '</span></a>';
}).join(''); }).join('');
lvRun();
} }
/* ---------- 6 条下面：「大家刚刚在用」轮播 ---------- /* ---------- 6 条里随机 2 条：类型·人数 那一行换成「谁测出了什么 / 谁算出了多少」滚动 ----------
11-04 用户：「6 个问题底部放个轮播：谁谁谁测出自己是什么类型、谁谁谁算出养娃要花几十万……」 11-04 用户：「轮播别单独放底下，放到标题下面，替换『多少人测过』那行；谁谁谁测了、结果是什么；6 条里随机挑 2 条，其余照常显示」
→ 一行一条，每 3.2 秒往上翻一条；测试结果取 tests.js 里真实的类型名，花费 / 产假 / 体重是计算器按常见输入能算出的数，百问取当前热门题。 → 只从测试 / 计算器里挑（有结果可说），每次打开随机；测试结果取 meta.js GC_RES（tests.js 真实结果名），计算器结果是常见输入能算出的数。
昵称、头像、时间都是模拟（同「N 人测过」口径，AGENTS.md 12b，12-31 复核），点一下进对应那一项。 */ 昵称、头像均模拟（同「N 人测过」口径，AGENTS.md 12b，12-31 复核）。 */
var TK_NM = ['小满妈妈', '糯米团子', '橙子不酸', '鹿鹿呀', '安安的妈', '豆包本包', '一只小葵', '阿圆', '栗子酱', '桃桃乌龙', '芝麻汤圆', '晴天娃娃', var LV_NM = ['小满妈妈', '糯米团子', '橙子不酸', '鹿鹿呀', '安安的妈', '豆包本包', '一只小葵', '阿圆', '栗子酱', '桃桃乌龙', '芝麻汤圆', '晴天娃娃',
'果冻布丁', '岁岁平安', '叮当妈', '饭团子', '奶糖不甜', '小鱼干', '朵朵妈咪', '暖暖', '布丁要长大', '花卷儿', '柚子茶', '星星的妈']; '果冻布丁', '岁岁平安', '叮当妈', '饭团子', '奶糖不甜', '小鱼干', '朵朵妈咪', '暖暖', '布丁要长大', '花卷儿', '柚子茶', '星星的妈'];
var TK_AV = ['p02', 'm05', 'p05', 'm12', 'k04', 'p09', 'm16', 'p11', 'm07', 'k10', 'p03', 'm19', 'p13', 'm02', 'k06', 'p06', 'm10', 'p12', 'm21', 'p07', 'm04', 'k12', 'p14', 'm15']; var LV_AV = ['p02', 'm05', 'p05', 'm12', 'k04', 'p09', 'm16', 'p11', 'm07', 'k10', 'p03', 'm19', 'p13', 'm02', 'k06', 'p06', 'm10', 'p12', 'm21', 'p07', 'm04', 'k12', 'p14', 'm15'];
var TK_FIX = [ var LV_JS = {
['qz', '测出自己是「松弛感满分型」妈妈', 't11'], ['js', '算了算，养到 18 岁大约要 <b>62.8 万</b>', 'topic/huafei/'], 'topic/huafei/': ['算出养到 18 岁约 <b>62.8 万</b>', '算出头一年约 <b>9.6 万</b>', '算出养到 3 岁约 <b>21.4 万</b>', '算出养到 18 岁约 <b>48.5 万</b>'],
['qz', '测出宝宝会是「好奇探险家」小性格', 't24'], ['js', '算出产假能休 <b>178 天</b>（广东）', 'topic/zhichang/'], '/yunqi-tizhong/': ['算出孕期该长 <b>16～28 斤</b>', '算出孕期该长 <b>22～32 斤</b>', '算出孕期该长 <b>14～22 斤</b>'],
['qz', '测出自己是「性价比务实玩家」', 't29'], ['js', '算出孕期该长 <b>16～28 斤</b>', '/yunqi-tizhong/'], '/taier-guzhong/': ['估出宝宝约 <b>1.6 斤</b>', '估出宝宝约 <b>2.3 斤</b>', '估出宝宝约 <b>3.1 斤</b>'],
['qz', '测出自己是「计划表女王型」', 't11'], ['js', '算出生娃头一年大概花 <b>9.6 万</b>', 'topic/huafei/'], 'topic/zhichang/': ['算出产假能休 <b>178 天</b>（广东）', '算出产假能休 <b>158 天</b>（上海）', '算出产假能休 <b>188 天</b>（河南）', '算出产假能休 <b>180 天</b>（吉林）']
['qz', '测出宝宝会是「温柔小暖阳」', 't24'], ['js', '算了算，养到 18 岁大约要 <b>48.5 万</b>', 'topic/huafei/'], };
['qz', '测出自己是「细节控守护型」', 't18'], ['js', '算出产假能休 <b>158 天</b>（浙江）', 'topic/zhichang/'] var LV_PICK = null, lvT = 0, lvN = Math.floor(Math.random() * LV_NM.length);
]; function lvList(x) {
var TK_AGO = ['刚刚', '刚刚', '1 分钟前', '2 分钟前', '刚刚', '3 分钟前']; if (x.c === 'qz') {
var tk = null, tkI = 0, tkT = 0; var id = (x.href.match(/[?&]id=(t\d+)/) || [])[1], r = (window.GC_RES || {})[id];
function tkItems() { return r && r.length ? r.map(function (t) { return '测出「' + esc(t) + '」'; }) : null;
var qa = (QA || []).filter(function (x) { return x.href && !/^topic\/(huafei|ceshi|duiyou|zhichang)\/$/.test(x.href); }).slice(0, 6), out = []; }
TK_FIX.forEach(function (f, i) { var k = Object.keys(LV_JS).filter(function (h) { return x.href.indexOf(h) === 0; })[0];
out.push(f); return k ? LV_JS[k] : null;
if (i % 2 && qa[(i - 1) / 2]) out.push(['qa', '看了「' + esc(qa[(i - 1) / 2].q) + '」', qa[(i - 1) / 2].href]);
});
return out.map(function (f, i) {
var j = (i + day) % TK_NM.length, h = f[0] === 'qz' ? 'guangchang/ceshi/' + cleanQ({ id: f[2] })
: f[0] === 'qa' ? f[2] + location.search + location.hash
: f[2] + (f[2] === 'topic/zhichang/' ? (location.search ? location.search + '&' : '?') + 'calc=1' : location.search) + location.hash;
return '<a class="tk-i t-' + f[0] + '" href="' + esc(h) + '"><img src="assets/img/mom/' + TK_AV[j] + '.jpg" alt="" loading="lazy" width="22" height="22">' +
'<span class="tk-t"><em>' + esc(TK_NM[j]) + '</em>' + (f[0] === 'qa' ? f[1] : f[1]) + '</span><i class="tk-c">' + KR_CH[f[0]] + '</i><small>' + TK_AGO[i % TK_AGO.length] + '</small></a>';
});
} }
function ticker() { function lvHTML(l) {
var pn = box.querySelector('.kit-pn'); if (!pn) return; return '<span class="kr-lv">' + l.map(function (t, i) {
var it = tkItems(); var j = (lvN++) % LV_NM.length;
if (!tk) { tk = document.createElement('div'); tk.className = 'kit-tk'; tk.setAttribute('aria-live', 'off'); pn.appendChild(tk); } return '<span class="lv-i' + (i ? '' : ' on') + '"><img src="assets/img/mom/' + LV_AV[j] + '.jpg" alt="" loading="lazy" width="16" height="16"><em>' + LV_NM[j] + '</em>' + t + '</span>';
tk.innerHTML = '<span class="tk-dot" aria-hidden="true"></span><div class="tk-w">' + it.join('') + '</div>'; }).join('') + '</span>';
var els = tk.querySelectorAll('.tk-i'); tkI = 0; if (els[0]) els[0].classList.add('on'); }
clearInterval(tkT); function lvRun() {
tkT = setInterval(function () { clearInterval(lvT);
if (document.hidden || !tk.offsetParent) return; lvT = setInterval(function () {
var a = els[tkI]; tkI = (tkI + 1) % els.length; var b = els[tkI]; if (document.hidden) return;
a.classList.remove('on'); a.classList.add('up'); box.querySelectorAll('.kr-lv').forEach(function (w) {
setTimeout(function () { a.classList.remove('up'); }, 450); var a = w.querySelector('.lv-i.on'), b = (a && a.nextElementSibling) || w.firstElementChild;
b.classList.add('on'); if (!a || a === b) return;
}, 3200); a.classList.remove('on'); a.classList.add('up'); setTimeout(function () { a.classList.remove('up'); }, 450);
b.classList.add('on');
});
}, 3000);
} }
fetch('assets/data/qa/hot.json?v=' + V).then(function (r) { return r.ok ? r.json() : []; }).catch(function () { return []; }) fetch('assets/data/qa/hot.json?v=' + V).then(function (r) { return r.ok ? r.json() : []; }).catch(function () { return []; })
.then(function (a) { QA = Array.isArray(a) ? a : []; paint(); ticker(); }); .then(function (a) { QA = Array.isArray(a) ? a : []; paint(); });
if (!window.gcTested) { var ms = document.createElement('script'); ms.src = 'guangchang/ceshi/meta.js?v=' + V; ms.onload = paint; document.body.appendChild(ms); } if (!window.gcTested) { var ms = document.createElement('script'); ms.src = 'guangchang/ceshi/meta.js?v=' + V; ms.onload = paint; document.body.appendChild(ms); }
window.addEventListener('mb-preg', paint); window.addEventListener('mb-preg', paint);
setTimeout(paint, 3000); /* 「此刻」总人数接口晚到时按后台配置的人数重算一次 */ setTimeout(paint, 3000); /* 「此刻」总人数接口晚到时按后台配置的人数重算一次 */

4
topic/_shared/tools.js
View File

@@ -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 getJSON(u) { return fetch(u, { cache: 'no-cache' }).then(function (r) { if (!r.ok) throw r.status; return r.json(); }); }
function related(box) { function related(box) {
getJSON('../_shared/idx.json?v=26110283').then(function (idx) { getJSON('../_shared/idx.json?v=26110284').then(function (idx) {
var me = null; idx.forEach(function (x) { if (x[0] === SLUG) me = x; }); 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 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; }); 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) : '')) 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 () {}); .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=26110283').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); }); getJSON('../_shared/cm/' + SLUG + '.json?v=26110284').then(function (d) { L = d.c || []; paint(); }).catch(function () { paint(); });
} }
function extras(el) { function extras(el) {