diff --git a/index.html b/index.html index 5d8bdc7..dfa0014 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ 兜爸心选 · 孕育陪伴 - + diff --git a/js/app.js b/js/app.js index 1b02303..861308d 100644 --- a/js/app.js +++ b/js/app.js @@ -3,7 +3,7 @@ (function () { 'use strict'; /* 页面版本号(YYMMDD+序号):显示在「关于兜爸心选」页底部;bump 时同步 head 注释与 ?v= */ - var VER = '26101015'; + var VER = '26101016'; const $ = (s, c) => (c || document).querySelector(s); const $$ = (s, c) => Array.from((c || document).querySelectorAll(s)); @@ -376,13 +376,13 @@ $('#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 || '')); const on = stageLocked(g); b.classList.toggle('is-locked', on); - if (on) b.dataset.lock = g.wk + '周后开放'; else delete b.dataset.lock; + if (on) b.dataset.lock = g.wk + '周开放'; else delete b.dataset.lock; }); swapHomeCards(); } diff --git a/mama-box.css b/mama-box.css index 18ba64f..88a91ea 100644 --- a/mama-box.css +++ b/mama-box.css @@ -4752,13 +4752,12 @@ 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:absolute;top:36px;left:50%;transform:translateX(-50%); - padding:0 6px;border-radius:7px;background:#F3E7DF;color:#9A7E70;font-size:9.5px;font-weight:800;line-height:15px; - box-shadow:0 0 0 2px #FAF5F1;white-space:nowrap} +.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} .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}