宝宝来信角标改实心红圆;停在首页每 60 秒刷新未读数 (v26100446)

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
2026-10-05 02:26:51 +00:00
parent 3caee8e94b
commit 19525a6f68
3 changed files with 10 additions and 4 deletions

View File

@@ -7,7 +7,7 @@
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<title>兜爸心选 · 孕育陪伴</title>
<!-- V:26100445 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<!-- V:26100446 缓存版本标记:改 css/js 时同步 bump 该值(与 js/app.js 的 VER 同源),静态资源按 mtime 走 ETag 自动刷新 -->
<link rel="stylesheet" href="mama-box.css">
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<!-- 共享助手:授权/跳商城/位置上报(分享卡片同步,见 docs/h5-auth-standard.md 第四节) -->

View File

@@ -3,7 +3,7 @@
(function () {
'use strict';
/* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */
var VER = '26100445';
var VER = '26100446';
const $ = (s, c) => (c || document).querySelector(s);
const $$ = (s, c) => Array.from((c || document).querySelectorAll(s));
@@ -5250,6 +5250,10 @@
document.addEventListener('visibilitychange', function () {
if (!document.hidden) syncLaixinReminder();
});
/* 2026-10-05 用户:「来信里有信了就该提醒,不用等我点进来信页」→ 停在首页时也每 60 秒拉一次未读数,
信按时间慢慢送达时,tab 圈数字会自己冒出来(页面在后台 / 不在前台时不拉,省流量)。
⚠️ 前提是上游 unread 到点就算数;如果上游要等打开来信页才投递,这里拉多少次也是 0(已找「宝宝来信(新)」会话确认)。 */
setInterval(function () { if (!document.hidden) syncLaixinReminder(); }, 60000);
/* 从来信页「返回」时浏览器可能直接从往返缓存(bfcache)恢复本页,不一定触发 visibilitychange → 补一个 pageshow */
addEventListener('pageshow', function (e) { if (e.persisted) syncLaixinReminder(); });

View File

@@ -4636,8 +4636,9 @@ a.skip:focus{left:16px;top:16px}
.hero-zod.el-air {--zg:linear-gradient(135deg,rgba(159,189,240,.28),rgba(135,150,224,.28) 55%,rgba(115,120,204,.30))}
.hero-zod.el-water{--zg:linear-gradient(135deg,rgba(93,192,211,.28),rgba(58,144,194,.28) 55%,rgba(46,106,164,.30))}
/* 来信角标:1~10 画成圈数字(白底红圈红字 = ①~⑩ 的样子;js renderLetterReminder 加 .is-ring),>10 保持实心红胶囊「10+」 */
.t-badge.is-ring{width:17px;min-width:0;padding:0;background:#fff;border:1.5px solid #FF3B30;color:#FF3B30;
font:800 10.5px/14px -apple-system,"PingFang SC",sans-serif;box-shadow:0 0 0 1.5px #fff,0 2px 6px rgba(255,59,48,.30)}
/* 2026-10-05 用户:「圈要是实心的」→ 1~10 也改成实心红圆、白字、白描边(类名 is-ring 沿用,只换皮;仍是正圆,>10 才是胶囊)。 */
.t-badge.is-ring{width:17px;min-width:0;padding:0;background:#FF3B30;border:1.5px solid #fff;color:#fff;
font:800 10.5px/14px -apple-system,"PingFang SC",sans-serif;box-shadow:0 2px 6px rgba(255,59,48,.35)}
.t-badge.is-ring.d2{font-size:8.5px;letter-spacing:-.4px}
/* 星座牌位置 二版(2026-10-04 用户:「星座不要压到孕囊上面,孕囊变小就整个压上去了;稍微压到孕囊最边上」)
原来 right/bottom 按 .hero-baby 方块百分比定,孕囊小(早孕 --k .42)时方块才 70 多 px,牌子整个盖住囊。
@@ -4666,6 +4667,7 @@ a.skip:focus{left:16px;top:16px}
/* ============ 祈福树入口(2026-10-05) ============
用户:「把『所有工具』取消,右上角放『祈福』两个小字」+「树藏在页面底部边缘,微微露出来,偶尔动一动」。
· 树图用宝宝祈福会话提供的缩略图(/qifu-shu/static/tree-thumb.png,600² 裁边后缩到 150px 存本地,免得每次拉 550KB);