孕期百问、孕期计算器加底部 Tab(同趣味小测试:本页/记一下/返回首页),抽成 js/mb-tabbar.js(v26110438)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
deploy
2026-11-05 00:52:11 +00:00
parent 0552450207
commit c4c9b9e9fd
26 changed files with 298 additions and 89 deletions

View File

@@ -8,8 +8,8 @@
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- 11-04 UGC 总开关(孕妈广场 + 测一测,后台 /box_bm/plaza 顶部切换),见 js/ugc.js -->
<script src="js/ugc.js?v=26110437"></script>
<!-- V:26110437 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<script src="js/ugc.js?v=26110438"></script>
<!-- V:26110438 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<link rel="stylesheet" href="night.css">
<!-- 11-04 用户:「顶部图片上的倒计时先删除掉」→ 不加载 hero-cd.css / hero-cd.js(文件留着,加回这两行即恢复),头图回到原样式 -->
@@ -1651,6 +1651,7 @@
<style>
.mb-brand{text-align:center;color:#C29A8F;font-size:11.5px;line-height:1.7}.mb-brand img{display:block;width:86px;height:auto;margin:0 auto 6px;opacity:.6}.mb-brand p{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;letter-spacing:.06em}.mb-brand p::before,.mb-brand p::after{content:'';width:28px;height:1px;background:#EAD3CC}
.qa-page .mb-brand{margin:22px 0 6px}
#detailQA .qa-page{padding-bottom:calc(120px + env(safe-area-inset-bottom))} /* 给底部 Tab 让位 */
.qa-page{padding:6px 16px 40px}
.qa-bn{position:relative;display:flex;align-items:center;min-height:108px;margin:6px 0 14px;padding:14px 120px 14px 16px;border-radius:20px;overflow:hidden;background:linear-gradient(118deg,#FF7A59 0%,#FF9A6B 48%,#FFC08A 100%);box-shadow:0 12px 24px -16px #F2533A}
.qa-bn-t{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
@@ -2617,9 +2618,21 @@
<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=26110437"></script>
<script src="guangchang/topics.js?v=26110438"></script>
<script src="js/app.js"></script>
<script src="js/kit.js?v=26110437"></script>
<script src="js/kit.js?v=26110438"></script>
<!-- 11-05 用户:孕期百问加上跟趣味小测试一样的底部 Tab(孕期百问 / 记一下 / 返回首页)。挂在 #detailQA 里,面板关着时跟着滑出屏外;
「记一下」直接开首页自己的记一下弹层(z 95 盖在百问 z 80 上),「返回首页」= 关掉百问面板 -->
<script src="js/mb-tabbar.js?v=26110438"></script>
<script>
(function () {
var d = document.getElementById('detailQA'); if (!d || !window.MBTab) return;
MBTab.init({ root: './', mount: d, first: { t: '孕期百问', ic: 'qa' },
onFirst: function () { var b = d.querySelector('.detail-body'); b && b.scrollTo({ top: 0, behavior: 'smooth' }); },
onRec: function () { var f = document.querySelector('[data-sheet="open"]'); f && f.click(); },
onHome: function () { var c = d.querySelector('[data-detail="close"]'); c && c.click(); } });
})();
</script>
<script>
/* 11-02 首页「孕妈广场」效果稿:地址带 ?gcv=1~6 时,把 #gcHome 换成 demo/gch/vN.css + vN.js 的版式并滚到这一块。
11-02 用户:「用第一版,放到预览页面上」;后改定彩色卡 → 不带参数也默认用 V6 合并版(广场卡堆 + 其他妈妈也在搜 + 测一测第 4 版彩色卡),不滚动、不显示效果稿角标 */
@@ -2630,7 +2643,7 @@
if (gchDone || !window.__mbUgc) return; gchDone = true;
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=26110437';
var n = m ? m[1] : '6', l = document.createElement('link'), s = document.createElement('script'), q = m ? Date.now() : 'v=26110438';
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;
@@ -2645,7 +2658,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=26110437'; bs.src = 'js/gch/brand.js?v=26110437';
bl.rel = 'stylesheet'; bl.href = 'js/gch/brand.css?v=26110438'; bs.src = 'js/gch/brand.js?v=26110438';
document.head.appendChild(bl); document.body.appendChild(bs);
}
})();
@@ -2656,7 +2669,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=26110437"></script>
<script src="js/coach.js?v=26110438"></script>
<script src="js/birth-flow.js?v=26110201"></script>
<!-- 禁止下拉回弹(2026-10-11 统一规则,与孕期体重同一段):竖向拖动时从手指下往上找还能朝该方向滚的容器,找不到才拦;横滑、双指、可滚列表不受影响 -->