From 0e0c23c8061a8c8f6d202a86e07bbe357359260a Mon Sep 17 00:00:00 2001 From: Karlcarlo Date: Thu, 1 Oct 2026 11:29:39 +0000 Subject: [PATCH] =?UTF-8?q?=E5=AD=95=E6=9C=9F=E5=B0=8F=E7=9F=A5=E8=AF=86?= =?UTF-8?q?=E6=81=A2=E5=A4=8D=E4=B8=8A=E4=B8=80=E7=89=88=EF=BC=9A=E9=A6=96?= =?UTF-8?q?=E9=A1=B5=E5=AE=8C=E6=95=B4=E5=8D=A1=E7=89=87=EF=BC=88=E4=BB=8A?= =?UTF-8?q?=E6=97=A5=E5=B0=8F=E7=9F=A5=E8=AF=86+7=E5=A4=A9=E5=9C=86?= =?UTF-8?q?=E7=82=B9+=E5=9B=9B=E5=BC=A0=E6=A8=AA=E6=BB=91=E5=8D=A1+?= =?UTF-8?q?=E5=85=8D=E8=B4=A3=EF=BC=89=EF=BC=8C=E6=92=A4=E6=8E=89=E8=AF=A6?= =?UTF-8?q?=E6=83=85=E9=A1=B5=20#detailTips=20(v26100127)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- index.html | 57 ++++++++++++++-------------------------------------- js/app.js | 33 ++++-------------------------- mama-box.css | 40 ------------------------------------ 3 files changed, 19 insertions(+), 111 deletions(-) diff --git a/index.html b/index.html index 7e6872e..9b70353 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + @@ -338,20 +338,22 @@

孕 — 周今日孕期小知识

- -
- -
-
- 看详情 › +
+ + 今日小知识 +
+
+
+
+
-
- - - - +
+
宝宝这周

+
妈妈身体

+
吃点什么

+
这周留心

+

仅供参考，身体有任何不适请以医生意见为准

-
-
- - 孕期小知识 -
-
-
- - 今日小知识 -
-
-
-
-
-
-

这一周

-
-
宝宝这周

-
妈妈身体

-
吃点什么

-
这周留心

-
-

仅供参考，身体有任何不适请以医生意见为准

-
-
-
diff --git a/js/app.js b/js/app.js index cf8c3b7..7f63895 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */ - var VER = '26100126'; + var VER = '26100127'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); @@ -3788,14 +3788,6 @@ $('#ptMom').textContent = wk.mom || ''; $('#ptEat').textContent = wk.eat || ''; $('#ptCare').textContent = wk.care || ''; - /* 首页只放核心：今天这条的标题 + 一行摘要（CSS 截一行），全文在详情页 */ - const td = wk.days[today] || wk.days[0]; - $('#ptMiniFloat').textContent = size.emoji; - $('#ptMiniT').textContent = td.t || ''; - $('#ptMiniD').textContent = td.d || ''; - $('#ptChipBaby').textContent = size.emoji; - $('#ptChipBabyT').textContent = '像' + size.name; - $('#ptDtTitle').textContent = '孕 ' + state.week + ' 周 · 孕期小知识'; /* 一周 7 个圆点：以前可回看，今天实心，以后锁着 */ const box = $('#ptDays'); box.textContent = ''; @@ -3833,27 +3825,10 @@ const body = $('#ptBody'); body.classList.remove('is-in'); void body.offsetWidth; body.classList.add('is-in'); // 重播进场动画 } - /* 首页小卡 / 四个入口 → 详情页。入口带 data-pt，进去后滚到对应那张卡并闪一下。 - 每次进来都回到今天那一条（上次可能停在回看的某天）。 */ - function openTips(key) { - const wk = TIPS && TIPS[Math.max(4, Math.min(40, state.week || 0))]; - if (wk) showTip(wk, Math.max(0, Math.min(6, state.day || 0)), Math.max(0, Math.min(6, state.day || 0))); - openPanel('detailTips'); - const body = $('#detailTips .detail-body'); - body.scrollTop = 0; - const c = key && $('#ptGrid .pt-card[data-pt="' + key + '"]'); - if (c) setTimeout(() => { - body.scrollTo({ top: c.offsetTop - 16, behavior: 'smooth' }); - c.classList.remove('is-hit'); void c.offsetWidth; c.classList.add('is-hit'); - }, 400); // 等详情页滑入（.38s）再滚 - } + /* 四张小卡压成横滑后正文只露 3 行，点一下展开全文、再点收起 */ (function () { - const m = $('#ptMini'), ch = $('#ptChips'); - if (m) { - m.addEventListener('click', () => openTips()); - m.addEventListener('keydown', e => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); openTips(); } }); - } - if (ch) ch.addEventListener('click', e => { const b = e.target.closest('.pt-chip'); if (b) openTips(b.dataset.pt); }); + const g = $('#ptGrid'); + if (g) g.addEventListener('click', e => { const c = e.target.closest('.pt-card'); if (c) c.classList.toggle('is-open'); }); })(); function revealTipsGrid() { const g = $('#ptGrid'); diff --git a/mama-box.css b/mama-box.css index 1296a5b..d26bd47 100644 --- a/mama-box.css +++ b/mama-box.css @@ -2748,46 +2748,6 @@ a.skip:focus{left:16px;top:16px} .pt-card p{font-size:13px;line-height:1.6;margin-top:6px} .pt-foot{font-size:11.5px} -/* 孕期小知识 · 首页只放核心（2026-10-01 用户反馈「文字太多」）： - 首页 = 一张小卡（今天这条的标题 + 一行摘要 + 看详情）+ 一排四个入口；正文 / 7 天 / 四张卡全文都在详情页 #detailTips。 */ -.pt-mini{position:relative;overflow:hidden;border-radius:20px;padding:14px 16px 12px;cursor:pointer; - background:linear-gradient(135deg,#FFE9E1 0%,#FFF1E6 55%,#FFF7EE 100%);transition:transform .16s} -.pt-mini:active{transform:scale(.98)} -.pt-mini::after{content:"";position:absolute;right:-30px;top:-40px;width:130px;height:130px;border-radius:50%; - background:radial-gradient(circle,rgba(255,255,255,.75),rgba(255,255,255,0) 70%);pointer-events:none} -.pt-mini .pt-float{top:12px;font-size:30px} -.pt-mini-t{font-size:17px;font-weight:800;color:#5A2E22;letter-spacing:-.2px;padding-right:44px} -.pt-mini-d{margin-top:4px;padding-right:30px;font-size:14px;color:var(--ink-2); - white-space:nowrap;overflow:hidden;text-overflow:ellipsis} -.pt-mini-go{display:inline-block;margin-top:8px;font-size:12.5px;font-weight:700;color:var(--brand)} -.pt-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px} -.pt-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 2px 9px;border:0;border-radius:14px; - font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);min-width:0;transition:transform .16s} -.pt-chip:active{transform:scale(.95)} -.pt-chip i{font-style:normal;font-size:20px;line-height:1} -.pt-chip span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} -.pt-chip.pc-baby span{color:#C4583C}.pt-chip.pc-mom span{color:#B3547E}.pt-chip.pc-eat span{color:#4F7F3E}.pt-chip.pc-care span{color:#4A6FA6} -.preg-tips .pt-foot{display:none} - -/* 详情页：今天这条放大；四张卡竖排、全文不截断 */ -.pt-page{padding:16px 16px 40px} -.pt-page .pt-today{padding:16px 18px 12px} -.pt-page .pt-float{font-size:34px;top:12px} -.pt-page .pt-t{margin-top:8px;font-size:18px} -.pt-page .pt-d{margin-top:6px;font-size:15px;line-height:1.8} -.pt-page .pt-days{margin-top:12px;padding-top:10px} -.pt-page .pt-day i{width:28px;height:28px;line-height:28px;font-size:12.5px} -.pt-sub{margin:20px 2px 10px;font-size:15.5px;font-weight:800} -.pt-page .pt-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:0;overflow:visible;scroll-snap-type:none} -.pt-page .pt-card{display:block;padding:14px 16px 15px;border-radius:18px;transform:translateY(10px)} -.pt-page .pt-grid.is-shown .pt-card{transform:none} -.pt-page .pt-card b{display:inline-block;margin-left:8px;font-size:15px;vertical-align:middle} -.pt-page .pt-ico{width:30px;height:30px;font-size:17px;vertical-align:middle} -.pt-page .pt-card p{margin-top:8px;font-size:14.5px;line-height:1.75;display:block;-webkit-line-clamp:unset} -.pt-page .pt-foot{margin-top:16px;text-align:center} -.pt-card.is-hit{animation:ptHit 1.2s ease} -@keyframes ptHit{0%,100%{box-shadow:0 0 0 0 rgba(244,89,60,0)}30%{box-shadow:0 0 0 3px rgba(244,89,60,.35)}} - /* ============ 孕期盲盒 · 价值感改造（2026-10-01）：下周预告 / 待解锁任务 / 集齐奖励 / 宝宝周记 ============ */ /* 下周预告：卡片剪影（同一张插画压成纯色）+ 倒计时 */ .bx-next{display:flex;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;border-radius:20px;background:#fff;box-shadow:var(--sh)}