今日脚印精简版:去日历/小诗/脚丫/卡片/标签/胶带,只留标题日期、最近4条记录、宝宝一句话 v26100226

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-03 10:58:58 +00:00
parent 65412829ed
commit fd7ce776cc
3 changed files with 37 additions and 4 deletions

View File

@@ -7,7 +7,7 @@
<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:26100225 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 --> <!-- V:26100226 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css"> <link rel="stylesheet" href="mama-box.css">
<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>
<!-- 共享助手:授权/跳商城/位置上报(分享卡片同步,见 docs/h5-auth-standard.md 第四节) --> <!-- 共享助手:授权/跳商城/位置上报(分享卡片同步,见 docs/h5-auth-standard.md 第四节) -->
@@ -408,7 +408,7 @@
<div class="fp-cal" aria-hidden="true"><i class="fc-ring"></i><b id="fpCalD">--</b><span id="fpCalM">--</span></div> <div class="fp-cal" aria-hidden="true"><i class="fc-ring"></i><b id="fpCalD">--</b><span id="fpCalM">--</span></div>
<div class="fp-ht"> <div class="fp-ht">
<h2 class="tl-h-title" id="tlTitle">宝宝的今日脚印</h2> <h2 class="tl-h-title" id="tlTitle">宝宝的今日脚印</h2>
<p class="fp-poem">你记下的每一笔,都是 TA 长大的样子</p> <p class="fp-poem fp-date" id="fpDate"></p>
</div> </div>
<button class="fp-all" data-goto="archive">全部<i>›</i></button> <button class="fp-all" data-goto="archive">全部<i>›</i></button>
</div> </div>

View File

@@ -3,7 +3,7 @@
(function () { (function () {
'use strict'; 'use strict';
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
var VER = '26100225'; var VER = '26100226';
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));
@@ -4616,6 +4616,8 @@
const n = new Date(); const n = new Date();
_cd.textContent = (n.getDate() < 10 ? '0' : '') + n.getDate(); _cd.textContent = (n.getDate() < 10 ? '0' : '') + n.getDate();
$('#fpCalM').textContent = (n.getMonth() + 1) + '月 · 周' + '日一二三四五六'[n.getDay()]; $('#fpCalM').textContent = (n.getMonth() + 1) + '月 · 周' + '日一二三四五六'[n.getDay()];
/* 2026-10-03 精简版:日历块隐藏,日期改成标题下一行小字 */
if ($('#fpDate')) $('#fpDate').textContent = (n.getMonth() + 1) + '月' + n.getDate() + '日 · 周' + '日一二三四五六'[n.getDay()];
} }
if (!tl || !steps) return; if (!tl || !steps) return;
const mode = _fpMode, r = _fpData || {}; const mode = _fpMode, r = _fpData || {};
@@ -4649,7 +4651,8 @@
}); });
}); });
rows.sort((a, b) => String(a.at).localeCompare(String(b.at))); rows.sort((a, b) => String(a.at).localeCompare(String(b.at)));
rows.slice(-8).forEach(row => steps.append(buildFootprintStep(row))); /* 2026-10-03 精简版:首页只放最近 4 条,更多点「全部」 */
rows.slice(-4).forEach(row => steps.append(buildFootprintStep(row)));
} }
/* 引导占位:文案与应用都来自上游 —— lead 是上游自己的引导语,unused[] 是今天没用过的应用。 /* 引导占位:文案与应用都来自上游 —— lead 是上游自己的引导语,unused[] 是今天没用过的应用。

View File

@@ -4343,3 +4343,33 @@ a.skip:focus{left:16px;top:16px}
/* 2026-10-03 用户:「专属福利」标题左边的小图标换个好看的。出了 A/B/C 三版,先上 A: /* 2026-10-03 用户:「专属福利」标题左边的小图标换个好看的。出了 A/B/C 三版,先上 A:
珊瑚渐变圆角底 + 白色礼盒(珊瑚色丝带)+ 右上一颗淡黄小星光,和页面主色、底部「记一下」圆钮同一套珊瑚橙 */ 珊瑚渐变圆角底 + 白色礼盒(珊瑚色丝带)+ 右上一颗淡黄小星光,和页面主色、底部「记一下」圆钮同一套珊瑚橙 */
.gb-gift{background:linear-gradient(145deg,#FF9C7C,#F4574A);box-shadow:0 6px 12px rgba(244,87,74,.28),inset 0 1px 0 rgba(255,255,255,.35)} .gb-gift{background:linear-gradient(145deg,#FF9C7C,#F4574A);box-shadow:0 6px 12px rgba(244,87,74,.28),inset 0 1px 0 rgba(255,255,255,.35)}
/* ================= 今日脚印 · 精简版(2026-10-03)=================
用户:「今日脚印重新设计一下,现在不简洁、有点乱,只保留核心内容」。
只留三样:标题 + 日期 / 今天的记录(时间 + 一句话)/ 宝宝的一句话小结。
去掉:撕页日历、小诗副标题、每行的脚丫圆点和虚线、每行的小卡片、来源标签和明细、
便签的胶带、信纸横线、落款。数据和 JS 结构不变(只多写了一个 #fpDate)。 */
.today-line.fp2 .fp-cal{display:none}
.today-line.fp2 .fp-head{align-items:flex-start}
.today-line.fp2 .fp-date{margin-top:3px;font-family:inherit;font-size:12px;color:#8FA89D}
.today-line.fp2 .fp-all{margin-top:3px}
/* 记录:时间 | 一句话,细分隔线 */
.today-line.fp2 .fp-steps{margin-top:10px}
.today-line.fp2 .fp-steps::before{display:none}
.today-line.fp2 .step{display:block;padding:0}
.today-line.fp2 .step + .step{border-top:1px solid rgba(90,160,130,.12)}
.today-line.fp2 .st-dot{display:none}
.today-line.fp2 .st-card{flex-direction:row;align-items:baseline;gap:12px;padding:10px 0;border-radius:0;background:none;box-shadow:none;border:0}
.today-line.fp2 .st-meta{order:-1;flex:0 0 38px}
.today-line.fp2 .st-time{font-size:12px;font-weight:600;color:#9DB3A9;font-variant-numeric:tabular-nums}
.today-line.fp2 .st-from,.today-line.fp2 .st-det{display:none}
.today-line.fp2 .st-txt{flex:1;min-width:0;font-size:14px;font-weight:600;line-height:1.5}
.today-line.fp2 .st-txt b{font-size:15px;margin:0 1px}
/* 宝宝的一句话:浅绿底小块,标题行右侧带「往期 ›」 */
.today-line.fp2 .fp-note{margin-top:10px;padding:12px 14px;border-radius:14px;background:rgba(225,243,234,.75);box-shadow:none}
.today-line.fp2 .fp-note::after{display:none}
.today-line.fp2 .fn-top::after{content:"往期 ›";margin-left:auto;font-size:12px;font-weight:600;color:#5E9580}
.today-line.fp2 .ab-tag{font-size:12px;font-weight:700;color:#2C8E6B}
.today-line.fp2 .ab-say{margin-top:5px;font-family:inherit;font-size:14px;font-weight:500;line-height:1.6;color:#3A2C27;background:none;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.today-line.fp2 .fn-foot{display:none}