From 0911393a44275de404a7ac5c77635a5f7f7e2eb5 Mon Sep 17 00:00:00 2001 From: karlcarlo Date: Sun, 11 Oct 2026 14:11:37 +0000 Subject: [PATCH] =?UTF-8?q?=E5=AD=95=E5=91=A8=E9=97=A8=E6=A7=9B=E6=A0=87?= =?UTF-8?q?=E7=AD=BE=EF=BC=9A=E6=8C=AA=E5=88=B0=E5=9B=BE=E6=A0=87=E5=8F=B3?= =?UTF-8?q?=E4=B8=8A=E8=A7=92=EF=BC=8C=E6=B5=85=E6=A9=98=E5=BA=95=E6=9B=B4?= =?UTF-8?q?=E9=86=92=E7=9B=AE=20v26101017?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: AI 助手 --- index.html | 2 +- js/app.js | 4 ++-- mama-box.css | 9 ++++++--- 3 files changed, 9 insertions(+), 6 deletions(-) diff --git a/index.html b/index.html index dfa0014..bd559d9 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + diff --git a/js/app.js b/js/app.js index 861308d..e0904a2 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号（YYMMDD+序号）：显示在「关于兜爸心选」页底部；bump 时同步 head 注释与 ?v= */ - var VER = '26101016'; + var VER = '26101017'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); @@ -376,7 +376,7 @@ $('#sgLeft').textContent = (left >= 7 ? '还有 ' + Math.ceil(left / 7) + ' 周' : '还有 ' + left + ' 天') + '，大约 ' + mdTxt(gaToDate(g.wk * 7)) + ' 开放'; openModal('modalStageGate'); } - /* 记一下宫格上的小标签「16周开放」（在工具名下面，不压图标）：没到门槛的灰一点，到了自动去掉；首页工具卡改成直接换替补（swapHomeCards） */ + /* 记一下宫格上的小标签「16周开放」（图标右上角）：没到门槛的灰一点，到了自动去掉；首页工具卡改成直接换替补（swapHomeCards） */ function markStageLocks() { $$('#appsGrid .app').forEach(b => { const g = stageGateOf(decodeURIComponent(b.dataset.url || ''), decodeURIComponent(b.dataset.id || '')); diff --git a/mama-box.css b/mama-box.css index 88a91ea..a8c30a5 100644 --- a/mama-box.css +++ b/mama-box.css @@ -4752,12 +4752,15 @@ a.skip:focus{left:16px;top:16px} .apps-grid .app.is-done::after{top:2px} /* ================= 孕周开放门槛（2026-10-11）================= - 没到孕周的工具：记一下宫格里工具名下面多一枚「16周开放」浅色小标签（不压图标），图标略淡；点了弹 #modalStageGate。 + 没到孕周的工具：记一下宫格里图标右上角挂一枚「16周开放」浅橘小标签（大半在图标外，只压住右上角一点），图标略淡；点了弹 #modalStageGate。 配色只用现有的暖米 / 品牌橘，不另起颜色：角标是米底灰字，进度条是品牌橘渐变。 */ .apps-grid .app.is-locked .a-ico{opacity:.5;filter:saturate(.6)} .apps-grid .app.is-locked .a-n{color:var(--muted)} -.apps-grid .app.is-locked::after{content:attr(data-lock);position:static;transform:none;margin-top:-1px; - padding:0 6px;border-radius:7px;background:#F3E7DF;color:#9A7E70;font-size:9.5px;font-weight:800;line-height:15px;white-space:nowrap} +.apps-grid .app.is-locked::after{content:attr(data-lock);position:absolute;top:-11px;right:calc(50% - 34px); + padding:0 6px;border-radius:8px;background:#FFE9E1;color:var(--brand-dk);font-size:10px;font-weight:800;line-height:16px; + box-shadow:0 0 0 2px #FAF5F1,0 3px 8px rgba(244,89,60,.18);white-space:nowrap;pointer-events:none} +/* 标签往上探出 11px（只压住图标右上角 5px），第一排上面得留出这点空，免得被滚动区裁掉 */ +#appsGrid{padding-top:13px} .mini-card.is-locked::after{content:attr(data-lock);position:absolute;top:9px;right:9px; padding:1px 6px;border-radius:8px;background:rgba(255,255,255,.72);color:#9A7E70;font-size:10px;font-weight:800;line-height:16px} .mini-card.is-locked .mc-art{opacity:.55}