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

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

7
topic/jisuan/index.html
View File

@@ -43,7 +43,7 @@ button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}
.toast{position:fixed;left:50%;bottom:calc(40px + env(safe-area-inset-bottom));z-index:50;transform:translate(-50%,10px);max-width:80%;padding:10px 16px;border-radius:12px;background:rgba(31,35,41,.86);color:#fff;font-size:13.5px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.toast.on{opacity:1;transform:translate(-50%,0)}
.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}
#scroll .mb-brand{margin:20px 0 0;padding-bottom:calc(30px + env(safe-area-inset-bottom))}
#scroll .mb-brand{margin:20px 0 0;padding-bottom:calc(120px + env(safe-area-inset-bottom))} /* 给底部 Tab 让位 */
</style>
</head>
<body>
@@ -137,7 +137,10 @@ button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}
document.addEventListener('touchmove', function (e) { if (!sc.contains(e.target)) e.preventDefault(); }, { passive: false });
})();
</script>
<script src="../../js/share-card.js?v=26110437"></script>
<!-- 11-05 用户：底部加上跟趣味小测试一样的 Tab（孕期计算器 / 记一下 / 返回首页） -->
<script src="../../js/mb-tabbar.js?v=26110438"></script>
<script>MBTab.init({ root: '../../', first: { t: '孕期计算器', ic: 'calc' } });</script>
<script src="../../js/share-card.js?v=26110438"></script>
<script>window.mbShare('../../assets/share/t/jisuan.jpg', '孕期计算器：生娃花费、预产期、产假天数，一算就知道'); /* 11-04 微信转发图 */</script>
</body>
</html>