From df7c071d3c1eb8f9bf22018f0624d337010ef98d Mon Sep 17 00:00:00 2001 From: Karlcarlo Date: Thu, 1 Oct 2026 13:18:01 +0000 Subject: [PATCH] =?UTF-8?q?=E5=AD=95=E6=9C=9F=E5=B0=8F=E7=9F=A5=E8=AF=86?= =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E5=8A=A0=E3=80=8C=E6=9C=AC=E5=91=A8?= =?UTF-8?q?=E6=AF=8F=E6=97=A5=E5=B0=8F=E7=9F=A5=E8=AF=86=E3=80=8D=EF=BC=88?= =?UTF-8?q?=E4=BB=8A=E5=A4=A9=E5=9C=A8=E4=B8=8A=EF=BC=8C=E5=80=92=E6=8E=92?= =?UTF-8?q?=E5=88=B0=E7=AC=AC=201=20=E5=A4=A9=EF=BC=8C=E5=90=8E=E5=87=A0?= =?UTF-8?q?=E5=A4=A9=E9=94=81=E7=9D=80=EF=BC=89=EF=BC=9B=E9=A6=96=E9=A1=B5?= =?UTF-8?q?=E4=BB=8A=E6=97=A5=E5=B0=8F=E7=9F=A5=E8=AF=86=E5=A4=A7=E5=8D=A1?= =?UTF-8?q?=E4=B9=9F=E5=8F=AF=E7=82=B9=E8=BF=9B=E8=AF=A6=E6=83=85=E9=A1=B5?= =?UTF-8?q?=EF=BC=8C=E5=9C=86=E7=82=B9=E4=BB=8D=E4=B8=BA=E5=88=87=E6=8D=A2?= =?UTF-8?q?=20(v26100132)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 --- index.html | 6 +++++- js/app.js | 26 +++++++++++++++++++++++++- mama-box.css | 12 ++++++++++++ 3 files changed, 42 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 1c937ec..d95fc0f 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + @@ -1185,6 +1185,10 @@ 孕期小知识
+ +

本周每日小知识

+
+

这一周

宝宝这周

妈妈身体

diff --git a/js/app.js b/js/app.js index ef0d984..68b57cf 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ - var VER = '26100131'; + var VER = '26100132'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); @@ -3809,6 +3809,27 @@ }); box.appendChild(b); } + /* 详情页「本周每日小知识」:今天在上,往前倒着排到第 1 天;后面几天只露一行「明天见」 */ + const list = $('#ptList'); + list.textContent = ''; + for (let i = today; i >= 0; i--) { + const d = wk.days[i] || {}; + const it = document.createElement('div'); + it.className = 'pt-li' + (i === today ? ' is-today' : ''); + const tag = document.createElement('span'); + tag.className = 'pt-li-tag'; + tag.textContent = i === today ? '今天 · 第 ' + (i + 1) + ' 天' : '第 ' + (i + 1) + ' 天'; + const t = document.createElement('div'); t.className = 'pt-li-t'; t.textContent = d.t || ''; + const p = document.createElement('div'); p.className = 'pt-li-d'; p.textContent = d.d || ''; + it.appendChild(tag); it.appendChild(t); it.appendChild(p); + list.appendChild(it); + } + if (today < 6) { + const lk = document.createElement('div'); + lk.className = 'pt-li is-lock'; + lk.textContent = '第 ' + (today + 2) + (today < 5 ? '–7' : '') + ' 天 · 明天见,每天解锁一条'; + list.appendChild(lk); + } tipSel = -1; showTip(wk, today, today); sec.classList.remove('hide'); @@ -3843,6 +3864,9 @@ (function () { const ch = $('#ptChips'); if (ch) ch.addEventListener('click', e => { const b = e.target.closest('.pt-chip'); if (b) openTips(b.dataset.pt); }); + /* 首页今日小知识大卡也能点进详情页;底下 7 个圆点仍是切换回看,不跳页 */ + const td = $('#ptToday'); + if (td) td.addEventListener('click', e => { if (!e.target.closest('#ptDays')) openTips(); }); })(); function revealTipsGrid() { const g = $('#ptGrid'); diff --git a/mama-box.css b/mama-box.css index c6a8217..b175071 100644 --- a/mama-box.css +++ b/mama-box.css @@ -2768,6 +2768,18 @@ a.skip:focus{left:16px;top:16px} .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} +/* 详情页 · 本周每日小知识列表 */ +#ptToday{cursor:pointer} +.pt-sub{margin:22px 2px 10px;font-size:16px;font-weight:800;color:var(--ink)} +.pt-page .pt-sub:first-child{margin-top:4px} +.pt-list{display:grid;gap:10px} +.pt-li{border-radius:18px;padding:13px 16px 14px;background:#fff;box-shadow:var(--sh)} +.pt-li.is-today{background:linear-gradient(135deg,#FFE9E1 0%,#FFF1E6 55%,#FFF7EE 100%);box-shadow:none} +.pt-li-tag{display:inline-block;font-size:11.5px;font-weight:800;color:var(--brand);background:#FFF0EA;border-radius:999px;padding:2px 9px} +.pt-li.is-today .pt-li-tag{color:#fff;background:linear-gradient(135deg,#FF8A5C,#F4593C)} +.pt-li-t{margin-top:7px;font-size:16px;font-weight:800;color:#5A2E22} +.pt-li-d{margin-top:4px;font-size:14.5px;line-height:1.75;color:var(--ink-2)} +.pt-li.is-lock{padding:11px 16px;font-size:13px;color:var(--ink-3,#A99);background:transparent;border:1px dashed #EBD9D0;box-shadow:none;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)}}